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ố trí bình tài lộc bảo quản được của cải tài sản
Trong phong thủy, bình tài lộc bảo quản được của cải tài sản. Bạn có thể dùng một cái bình có hình dáng đẹp thuộc hành Thổ hoặc hành Kim cho mục đích phong thủy.
Bố trí hành Hỏa mang lại vận may cho tình yêu
Trong phong thủy, hành Hỏa là một trong những hành mạnh nhất mang lại vận may về tình yêu. Tuy nhiên, khi sử dụng hành Hỏa, bạn cần phải cẩn thận.
Những vị trí không nên đặt phòng tắm
Việc đặt phòng tắm ở bất kỳ diện tích nào còn thừa ra có thể ảnh hưởng xấu tới gia đình bạn nếu vị trí đó không hợp phong thủy.
Không nên lát đá cả sân vườn
Chuyên gia phong thủy cho rằng không nên chuyển đổi sân vườn thành các sàn lát đá vì dễ làm cho khu vườn mang nhiều âm khí.
Cách thiết kế, bố trí cầu thang hợp phong thủy
Cầu thang được xem là xương sống của ngôi nhà. Vì thế việc bố trí cầu thang thế nào cho thẩm mỹ và hợp phong thuỷ là rất quan trọng. Dưới đây là những ví dụ về cách bố trí cầu thang hợp tuổi gia chủ sinh 1951 và những lưu ý khi thiết kế cầu thang. Cầu thang hợp phong thuỷ cho gia chủ sinh 1951
Không nên lạm dụng màu đen trong trang trí nhà ở
Màu đen khi được sử dụng nhiều trong trang trí nhà là điều không nên. Ngôi nhà được trang trí với tỉ lệ màu đen vượt trội so với các gam màu khác sẽ phá hủy sự cân bằng của âm dương, ảnh hưởng trực tiếp đến tài vận và sức khỏe của các thành viên trong gia đình.
Chọn hình dáng bể cá hợp phong thủy để thu hút tài lộc cho bạn
Nuôi cá không những chỉ đơn thuần là thú vui mà còn là thuật chống tà khí, mang lại may mắn cho gia chủ. Để bể cá phát huy tác dụng, ngoài chú ý đến số lượng, màu sắc cá nuôi, gia chủ cũng nên để tâm đến hình dáng bể cá. Bể cá hình lục giác
Chọn phương vị tốt lành cho phòng làm việc
Theo phong thuỷ học, việc bày đặt phòng làm việc đúng phương vị tốt lành sẽ giúp các sếp thêm đảm lược, trí tuệ, ảnh hưởng đến sự hưng suy trong quản lý, thành bại trong sự nghiệp. Phong thủy cho phòng làm việc của “sếp”
Sử dụng hành Kim trong trang trí bếp
Trong phong thủy, một không gian được coi lý tưởng cần có sự cân bằng về ngũ hành, không nên quá thiên lệch về một hành nào đó. Bếp là một trong những không gian quan trọng của gia đình, cần chú ý tránh nhiều hành kim làm bếp trở nên lạnh lẽo hơn.
Khắc phục cho sân vườn thiếu phong thủy
Nếu vườn thiếu ánh sáng, gia chủ nên dùng gương hỗ trợ. Sử dụng chuông gió để tạo khí cho khu vườn có nhiều khí tụ…

About UsPrivacyFAQMake Money