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 dụng nước đúng cách hóa giải phong thủy xấu cho nhà ở
Nước được coi như yếu tố tích cực, quan trọng để đón tài lộc, nhưng nếu vận dụng sai cách, nước trở thành yếu tố xấu.
Văn 7 Soạn bài ôn tập tác phẩm trữ tình
Hướng dẫn Soạn bài ôn tập tác phẩm trữ tình của chương trình văn học lớp 7. 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.
Văn 6 Soạn bài luyện tập kể chuyện tưởng tượng
Hướng dẫn Soạn bài luyện tập kể chuyện tưởng tượng 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.
Văn học 11 Soạn bài hầu trời
Hướng dẫn Soạn bài hầu trời của chương trình văn học lớp 11. 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ửa trước thông thoáng, tài lộc rủ nhau vào
Sinh khí của trời đất vào nhà qua cửa nhà và cửa sổ, nếu để đầy những thứ linh tinh ở ngoài cửa thì cũng giống như để nhiều chướng ngại vật, làm cho sinh khí không thể tiến vào trong, còn khí độc cũng không thể thoát ra ngoài một cách dễ dàng. Như vậy sẽ ảnh hưởng đến chức năng nhận và thải khí qua cửa.
Những gợi ý về phong thủy khi bố trí bếp
Bếp được xem là vị trí quan trọng trong căn nhà, vì thế việc thiết kế, bố trí bếp cần được các gia chủ cân nhắc kỹ lưỡng. Chuyên gia phong thủy Phạm Cương, Công ty Cổ phần Nhà Xuân có những gợi ý để gia chủ tham khảo.
Mẹo xua đi khí xấu khi chuyển đến nhà mới
Cũng giống như khí âm, dương tồn tại trong tự nhiên, mỗi căn phòng, mỗi căn nhà đều có những khu vực tốt và xấu. Do đó việc xua đi khí xấu là công việc cần thiết phải làm đầu tiên.
Văn 8 Soạn bài bàn về phép học
Hướng dẫn Soạn bài bàn về phép học 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í quyết phong thủy giúp mẹ bầu sinh con được khỏe mạnh, thông minh
Khí trường mạnh có lợi cho việc sinh con “mẹ tròn con vuông”, nên phía Đông cần dùng nhiều màu xanh, như thảm màu xanh lá cây, các vật trang trí màu xanh lá…. Các vật này sẽ làm vượng khí, khiến đứa trẻ sinh ra thông minh và khỏe mạnh.
Phong thủy thiết kế cửa chính cho biệt thự
Với nhà ở, nhất là những ngôi biệt thự, cửa chính đóng vai trò vô cùng quan trọng. Khu vực này được coi là không gian giao tiếp đầu tiên của ngôi nhà. Do đó, nếu cửa chính không được thiết kế hợp phong thủy sẽ ảnh hưởng tiêu cực đến cuộc sống của gia chủ.

About UsPrivacyFAQMake Money