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.

Bài trí bình hoa tăng may mắn cho đường tình duyên
Một bình hoa đẹp sẽ giúp cho không gian nhà bạn trở nên tươi sáng hơn. Không những thế, nếu biết cách bài trí bình hoa hợp phong thủy, đường tình duyên của bạn cũng sẽ thêm phần tốt đẹp.
Cách hóa giải phong thủy cho nhà cuối ngõ
Những ngôi nhà nằm ở cuối ngõ thường khiến mọi người khá e dè. Tuy nhiên trong phong thủy vấn đề này hoàn toàn có thê hóa giải được bằng cách thiết kế hợp lý.
Văn lớp 10 Soạn bài đọc tiểu thanh kí
Hướng dẫn Soạn bài đọc tiểu thanh kí của chương trình văn học lớp 10. 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.
Những kiến thức phong thủy cơ bản khi làm nhà
Trong khi xây dựng và bố trí ngôi nhà có rất nhiều điều mà bạn cần chú ý để tránh mắc phải những sai sót không đáng có.
Phong thủy trong bố trí giường tân hôn cho vợ chồng
Giường tân hôn không được đặt ở vị trí phù hợp sẽ khiến trường khí cơ thể người và trường khí của cả ngôi nhà không cân đối, hài hòa với nhau, ảnh hưởng tới tình cảm của chủ nhân.
Cách hóa giải khi khu bếp bị nhiễm bẩn từ phòng vệ sinh
Phòng vệ sinh không may đặt ở vị trí Tài thì chủ nhân sẽ khó mà sống sung sướng được, thậm chí là hao hụt tiền tài và còn bị lôi kéo vào những chuyện thị phi, kiện tụng
Phong thủy phòng bếp
Nhà bếp là nơi quân quần, tụ hội của mỗi tổ ấm gia đình sau những giờ làm việc, lao động và học tập vất vả. Liệu các vật dụng trong gian bếp nhà bạn đã được bố trí một cách phù hợp theo thuật phong thủy, đem lại sự tiện lợi và thoải mái cho các thành viên trong gia đình. Dưới đây là những mẹo nhỏ nên và không nên cho phong thủy nhà bếp của bạn.
Nhà ở hợp phong thủy, sự nghiệp được hanh thông
Cải thiện phong thủy phía nam của căn nhà sẽ giúp bạn đạt được địa vị cao trong xã hội và được mọi người công nhận
Văn lớp 10 Soạn bài chuyện chức phán sự đền tản viên
Hướng dẫn Soạn bài chuyện chức phán sự đền tản viên của chương trình văn học lớp 10. 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.
Cách đặt hũ gạo và tủ lạnh hợp phong thủy
Hũ gạo: Lương thực chính của người phương đông là gạo, đặc biệt là người phía nam, với họ bữa ăn không thể thiếu gạo để thổi cơm, vì vậy nhà nào cũng có hũ gạo để đựng gạo, hũ gạo là đồ dùng không thể thiếu trong nhà bếp của mỗi gia đình.

About UsPrivacyFAQMake Money