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;
}
Xem phản hồi
Gửi phản hồi