Hoşgeldin Ziyaretçi



Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Css Logo Hover - MyBB
#1
Kodlayıcı: Hatake

Admin KP - Temalar & Şablonlar - Kullandığınız Tema - Global.css'e giriyoruz, aşağıdaki kodu buluyoruz.



Kod:
Kod:
.logo { font-weight:normal; margin:0; padding:15px 0 20px 7px; width:auto; float:left; height: 115px;}

Aşağıda verdiğim kodla değiştiriyoruz.



Kod:
Kod:
.logo { font-weight:normal; margin:0; padding:15px 0 20px 7px; width:auto; float:left; height: 115px; transition: all .6s;}

Sonra global.css'nin en altına aşağıdaki kodu ekleyip kaydediyoruz.



Kod:
Kod:
.logo:hover {
    transform: rotate(5deg);
    transition: all .6s;
}

Logonun üzerine gelindiğinde aşağıdaki şekli ağır bir şekilde alıyor.
zg0ElR.png
Cevapla
Teşekkür verenler:
#2
Teşekkürler.
Cevapla
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 5 Ziyaretçi


10tl.net Destek Forumu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping