»
 »

Quang cao giua trang

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

Chủ nhật - 16/12/2018 15:50
Hotline hiện số điện thoại chạy cuối cùng trang

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

HTML:

<div class="hotline-fixed">
<a href="tel:+842626336666" class="phone_span">
<i class="fa fa-phone"></i>
<span class="number">0262.633.6666</span>
</a>
</div>

CSS:

.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;
}
Tổng số điểm của bài viết là: 10 trong 2 đánh giá
Click để đánh giá bài viết

Theo dòng sự kiện

Xem tiếp...

Những tin mới hơn

Những tin cũ hơn

 

Hỗ trợ thanh toán trực tuyến