xenForo'da Avatara Animasyon Efekti Verelim

Zeki

Detay

22 Mayıs 2020

avatarlara animasyon efekti vericez arkadaşlar fare üzerine gelince çok tatlı oluyor altta resimdeki gibi görünüm

extra.less şablonuna ekleyin

Kod:

/*avatar animation*/
.message-avatar-wrapper .avatar:before,
.message-avatar-wrapper .avatar:after{
    border-color: #00c5de;
}
.message-avatar-wrapper a:before,
.message-avatar-wrapper a:after{
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0; bottom: 0; left: 0; right: 0;
    border-radius: 5%; /*Do not touch this setting if you have an oval square or rectangle avatar. If you have an avatar, simply change the setting to "50%".*/
    transition: .3s all;
    border: 2px solid;
}
.message-avatar-wrapper a:hover:after{
   -webkit-transform: scale(1.5);
}
.message-avatar-wrapper a:hover:before{
    -webkit-transform: scale(2);
    transition: .3s all;
    opacity: 0;
}
/*avatar animation end*/

Ara

Ara

xenForo'da Avatara Animasyon Efekti Verelim

Zeki

Benzer konular

Tema özelleştirme sistemi

Gece/Gündüz modunu seç

Tam ekran yada dar ekran

Izgara yada normal mod

Forum arkaplan resimleri

Sidebar blogunu kapat/aç

Yapışkan sidebar kapat/aç

Radius aç/kapat

6.4K

19.3K

9.5K

hostlun