Code nút gọi điện cho website chuyển động rung hiệu ứng đẹp.

HTML:

<a href="tel:911" mypage="" class="call-now" rel="nofollow"><div
class="mypage-alo-phone"><div
class="animated infinite zoomIn mypage-alo-ph-circle"></div><div
class="animated infinite pulse mypage-alo-ph-circle-fill"></div><div
class="animated infinite tada mypage-alo-ph-img-circle"></div></div>
</a>

CSS:

.mypage-alo-phone {
    position: fixed;
    left: 0px;
    bottom: 0px;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 200000 !important;
}
.mypage-alo-ph-img-circle {
        width: 30px;
        height: 30px;
        top: 43px;
        left: 43px;
        position: absolute;
        background: rgba(30, 30, 30, 0.1) url(http://lamdohoa.com/dienthoai.png) no-repeat center center;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        opacity: .7;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background-color: #0089B9;
        background-size: 70%;
}
.mypage-alo-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: 28px;
    left: 28px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75 !important;
}
.mypage-alo-ph-circle{
    width: 90px;
    height: 90px;
    top: 12px;
    left: 12px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #0089B9;
    opacity: .5;
}

Còn đây là demo cho anh em.:

Code nút gọi điện cho website chuyển động rung  hiệu ứng đẹp.

 

 

Tags of Post

nut goi dien cho web, nut goi dien chuyen dong dep. nut goi dien nhanh cho web

Author: Lê Văn Toàn
07-07-2017
Note Nếu bạn có bất cứ thắc mắc gì về bài viết này. hãy để lại bình luận. Quan quản trị sẽ trả lời lại bạn ngay lập tức.

Rate And Share


Author Posts.

Những hình dáng nhà ở xấu trong phong thủy
Nhà hình chữ L được coi là xấu vì nó trông giống cao dao phay và vị trí đại hung (xấu nhất) là chỗ “lưỡi dao”. Nếu phòng trẻ em đặt ở vị trí này, chúng sẽ cảm thấy bị cô lập và có thể nghĩ ra nhiều trò quỷ quái mà không ai phát hiện được. Nếu người lớn tuổi ở trong phòng đó, họ có thể cảm thấy bị bạc đãi.
Xác định điểm sinh tài lộc trên bàn làm việc
Không chỉ đất đai, nhà cửa mới có vị trí tốt – xấu mà bàn làm việc cũng có những điểm sinh tài lộc.
Văn 8 Soạn bài luyện tập viết đoạn văn tự sự kết hợp với miêu tả và biểu cảm
Hướng dẫn Soạn bài luyện tập viết đoạn văn tự sự kết hợp với miêu tả và biểu cảm của chương trình văn học lớp 8. Giúp cho các em học tốt môn ngữ văn của mình cũng như các quý phụ huynh tham khảo để giản dạy cho các em.
Bài trí phong thủy văn phòng đem lại may mắn
Bài trí văn phòng theo đúng phong thủy sẽ mang đến cho bạn nhiều lợi ích về tài vận. Dưới đây là những điều bạn nên biết khi bài trí phong thủy văn phòng.
Bố trí rèm cửa tốt cho sức khỏe và tài lộc của gia chủ
Phong thủy quan niệm, trần nhà đại diện cho trời, sàn nhà đại diện cho đất và tường đại diện cho con người. Chính vì vậy màu sắc của tường hay rèm cửa có tác dụng kết nối trần và sàn nhà. Để tạo sự hài hòa màu tường và rèm cửa nên sẫm hơn trần nhà và nhạt hơn sàn.
Chọn vị trí kê giường trong phòng ngủ
Một phần ba đời người qua đi trên giường ngủ, chiếc giường nằm không những là đồ vật quan trọng nhất trong phòng ngủ, mà còn là nơi để con người ngủ, nghỉ và bổ sung tinh lực. Bởi vậy mà từ xưa tới nay người ta rất coi trọng việc chọn vị trí kê giường trong phòng ngủ.
Thiết kế cầu thang và 4 kiêng kị cần biết trong phong thủy
Không nên thiết kế cầu thang ở vị trí trung tâm của căn nhà, nhất là cầu thang kiểu xoắn ốc (hay còn gọi là cầu thang kiểu mũi khoan) cho dù kiểu cầu thang này giúp tiết kiệm được diện tích không gian cho căn nhà.
Phong thủy khuyên trước nhà nên có “tụ thủy”
Theo phong thủy, trước có sông ngòi kênh rạch, sau có đồi núi được coi là môi trường nhà ở lý tưởng nhất. Vì sao lại như vậy?
Văn 8 Soạn bài chiếc lá cuối cùng
Hướng dẫn Soạn bài chiếc lá cuối cùng của chương trình văn học lớp 8. Giúp cho các em học tốt môn ngữ văn của mình cũng như các quý phụ huynh tham khảo để giản dạy cho các em.
Những kiêng kỵ khi đặt bếp và bố trí nội thất
Phong thủy luôn là vấn đề quan tâm của nhiều gia đình bởi nó liên quan tới sức khỏe, tài lộc, vận mệnh của các thành viên trong gia đình. 5 điều cần tránh khi thiết kế phong thủy nhà bếp sẽ mang lại cho bạn nhiều may mắn.

About UsPrivacyFAQMake Money