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.

Văn 6 Soạn bài chủ đề và dàn bài của bài văn tự sự
Hướng dẫn Soạn bài chủ đề và dàn bài của bài văn tự sự của chương trình văn học lớp 6. 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ến thức phong thủy cơ bản khi làm nhà
Trong quá trình “tam sao thất bản” và biến đổi theo các yếu tố kinh tế – xã hội khiến có lúc phong thủy có vẻ rất phức tạp và bị một số yếu tố mê tín làm thiên lệch.
Lưu ý với ánh sáng trong phòng ngủ
Để có giờ phút nghỉ ngơi thoải mái, thư thái sau một ngày làm việc vất vả và tránh được những tình huống xấu, theo phong thủy cần phải lưu ý đến việc chiếu sáng và trang trí trong phòng.
Phong thủy cho cửa hàng kinh doanh làm ăn phát đạt (P1)
Việc lựa chọn và bố trí cửa hàng theo phong thuỷ là yếu tố quan trọng tạo điều kiện thuận lợi thúc đẩy sinh khí, tăng tài vượng cho chủ cửa hàng và nhân viên, tạo tiền đề cho sự phát triển kinh doanh thuận lợi.
Văn học 12 Soạn bài Vợ chồng A Phủ
Hướng dẫn Soạn bài Vợ chồng A Phủ 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.
Cách hóa giải cho hướng cổng chính không thuận phong thủy
Đông Bắc là hướng của quỷ, do đó còn được gọi là quỷ môn. Trong phong thủy, điều kiêng kỵ nhất là không được đặt cổng ở trong quỷ môn. Nhà có cổng hướng này làm cho người sống trong đó có cảm giác mờ mịt, bất an.
Nguồn năng lượng phong thủy từ ánh sáng
Khi bạn thắp sáng một khu vực nào đó, nghĩa là bạn đã kích hoạt khu vực đó với nguồn năng lượng phong thủy vô hình.
Phòng khách gọn gàng, ngăn nắp đón vượng khí
Phong thủy tốt trong phòng khách sẽ được dựa trên nền tảng năng lượng tương tự phong thủy tốt của toàn bộ ngôi nhà.
Bài trí linh vật rùa mang lại tài lộc
Rùa là 1 trong 4 tứ linh, 4 thần thú trấn giữ 4 phương. Những con vật đó là: rồng xanh (Đông), chim chu tước (Nam), hổ trắng (Tây), rùa (Bắc). Theo phong thủy, rùa được xem là con vật thiêng liêng mang lại nhiều điềm lành và tài lộc.
Sử dụng màu cam hợp lý đem lại năng lượng tốt cho nhà ở
Màu da cam giúp kích thích hoạt động trí não, tăng sức tưởng tượng và trí nhớ. Vì vậy, nên sử dụng các phụ kiện màu da cam cho văn phòng và phòng đọc sách (kể cả lớp học).

About UsPrivacyFAQMake Money