Hotline hiện số điện thoại chạy cuối cùng trang

Chủ nhật - 16/12/2018 03:50
Hotline hiện số điện thoại chạy cuối cùng trang
HTML:
<div class="hotline-fixed">
<a href="tel:+84888037777" class="phone_span">
<i class="fa fa-phone"></i>
<span class="number">0888.03.7777</span>
</a>
</div>

CSS:
<style>
.hotline-fixed {
position: fixed;
left: 15px;
bottom: 20px;
top: initial !important;
list-style: none;
background-color: #b07600;
border-radius: 100%;
margin-left: 11px;
color: #fff;
z-index: 99999;
height: 50px;
width: 50px;
text-align: center;
}

.hotline-fixed a {
font-size: 18px;
color: #fff;
margin: 0;
position: relative;
display: block;
font-family: Arial;
}

.hotline-fixed .fa.fa-phone {
font-size: 26px;
line-height: 50px;
}

.number {
position: absolute;
top: 9px;
transition: all .5s;
transform: rotateX(90deg);
}

.hotline-fixed:hover .number {
margin-left: 5px;
transform: rotateX(0deg);
background: #b07600;
padding: 7px 10px;
border-radius: 0 10px 10px 0;
}
</style>
Ghi chú:
- Đổi số điện thoại.
- Nếu chèn trực tiếp, vui lòng thêm thẻ <style> </style>

Tổng số điểm của bài viết là: 15 trong 3 đánh giá

Xếp hạng: 5 - 3 phiếu bầu
Click để đánh giá bài viết

Những tin mới hơn

Những tin cũ hơn

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây