.numaraTel:before {
position: absolute;
content: " ";
z-index: -1;
top: -15px;
left: -15px;
background-color: #8e1c34;
width: 80px;
height: 80px;
border-radius: 100%;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
opacity: 0.6;
webkit-animation: pulse 1s ease-out;
animation: pulse 1.8s ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}-- Sadece Masaüstü bilgisayarda kullanmak istiyorsanız.
@media (max-width:800px) { CSS BURAYA GELECEK } }800px altı cihazlarda görünmemesini istiyorsanız yukarıdaki css kodunu alanına yukarıdaki css kodunuzu ekleyebilirsiniz.
Not: Denemedim tabletten giriyorum.
Küçük bir ekleme de ben yapayım
<div class="numaraText hidden-xs hidden-sm">
<div class="numaraTel">
<i class="fa fa-phone"></i>
</div>
<div class="telText" style=""><span>0 232 343 4 343</span></div>
</div>Bu HTML kodunu sitenize eklemeniz gerekmektedir. HTML'i ekledikten sonra
@ABC;'nin vermiş olduğu CSS kodunu düzenleme yapmaya gerek kalmadan kullanabilirsiniz.
.numaraText {
width: 150px;
height: 35px;
background: #730e24;
position: fixed;
text-align: center;
color: #ffffff;
cursor: pointer;
/* border-radius: 40px; */
z-index: 99999999;
right: 0px;
font-size: 1.3rem;
top: 65px;
display: inline-block;
}
.numaraTel {
width: 47px;
height: 47px;
top: 60px;
color: #fff;
bottom: 60px;
background: #8e1c34;
position: fixed;
text-align: center;
color: #ffffff;
cursor: pointer;
border-radius: 50%;
z-index: 999999;
display: inline-block;
}
.numaraTel:before {
position: absolute;
content: " ";
z-index: -1;
top: -15px;
left: -15px;
background-color: #8e1c34;
width: 80px;
height: 80px;
border-radius: 100%;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
opacity: 0.6;
-webkit-animation: pulse 1s ease-out;
animation: pulse 1.8s ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.numaraTel .fa {
font-size: 25px;
margin: 9px;
}İyi çalışmalar.