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.

Mẹo phong thủy giúp bạn sớm có tin vui
Nếu muốn nhanh có con, bạn đừng treo ảnh mình và “đối tác” trong phòng ngủ, cũng đừng trang trí hoa khô ở đây.
Lưu ý khi chọn vị trí đặt bể cá cảnh
Bể cá cảnh chứa nước có quan hệ mật thiết với vận mệnh cũng như sự hưng vong của ngôi nhà, vì vậy bạn cần đặc biệt lưu ý khi chọn vị trí đặt chúng.
Treo chuông gió sai cách dễ rước âm khí vào nhà
Nên chọn chuông gió làm từ gỗ để treo ở phía Đông và phía Nam của ngôi nhà. Chuông gió từ kim loại nên treo ở phía Bắc.
Kiêng kị thiết kế cầu thang giữa nhà
Cầu thang là nơi khí lực tụ lại và vận động. Vì vậy, kể cả khi không gian quá chật hẹp thì cũng không nên tận dụng không gian bên dưới cầu thang để kê giường ngủ hoặc làm bếp. Một điều tối kỵ nữa đó là không để cầu thang ở giữa nhà vì theo quan niệm Phong Thuỷ thì làm như vậy sẽ gây nhiều tai ương cho gia chủ.
Khu resort đắt giá có phong thủy cực tốt ở Singapore
Tập đoàn kinh doanh sòng bạc Las Vegas Sands của tỷ phú người Mỹ, ông Shekdib Adelson, đã trúng thầu xây dựng khu quần thể nguy nga này. Marina Bay Sand Resort bao gồm khu khách sạn, sòng bạc, khu mua sắm giải trí, trung tâm hội nghị, viện bảo tàng… Nó được đánh giá là khách sạn đắt nhất thế giới, với chi phí lên tới 8 tỷ USD, trong đó có 1,2 tỷ USD tiền đất. Resort này chính thức khai trương vào tháng 6/2010.
Phong thủy phòng khách để sự nghiệp, đường tình duyên đều may mắn
Phòng khách nên duy trì sự ngăn nắp, gọn gàng vì đây là không gian trung tâm của ngôi nhà. Nếu bóng điện trong phòng hỏng cần có sự thay mớ kịp thời để tăng thêm tài vận cho gia chủ.
Treo chuông trong cửa hàng sẽ đem lại may mắn và tài lộc
Theo phong thủy, chuông ngân mang ý nghĩa báo hiệu tin mừng, được xem là biểu tượng mang lại may mắn và tài lộc.
Văn học 12 Sự khôn ngoan là gì Chính là sự cố gắng của con người Vượt lên sơ hãi ...
Hướng dẫn Sự khôn ngoan là gì Chính là sự cố gắng của con người Vượt lên sơ hãi ... của chương trình văn học lớp 12. 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ảng dạy cho các em.
Rùa phong thủy mang lại may mắn cho cuộc sống và sự nghiệp
Rùa phong thủy được coi là một trong bốn loài linh vật trấn giữa bốn phương. Những con rùa canh giữ phương Bắc – đại diện cho mệnh Thủy và con số một. Theo quan niệm xưa, phương Bắc là nơi thu hút tiền tài từ công việc hay kinh doanh, cũng như công danh và sự nghiệp.
Để dây điện lòng thòng trong nhà sẽ phạm “Hỏa xà sát”
Năng lượng của điện trong nhà góp phần không nhỏ vào sự trường khí hưng vượng của không gian.

About UsPrivacyFAQMake Money