https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 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:
.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:
.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:
.logo:hover {
    transform: rotate(5deg);
    transition: all .6s;
}
Logonun üzerine gelindiğinde aşağıdaki şekli ağır bir şekilde alıyor.
zg0ElR.png
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#2
Herkesin temasında bu kodlar yok. DestekPi temasında var. Eline sağlık :)
Ara
Cevapla PGM
Teşekkür verenler:
#3
(05-02-2015 Saat: 17:00)Hatake Nickli Kullanıcıdan Alıntı: Herkesin temasında bu kodlar yok. DestekPi temasında var. Eline sağlık :)

Asıl senin eline sağlık sen kodladın bende güzel anlatımla paylaştım.
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#4
Önemi yok konuyu paylaşman daha iyi oldu :)
Ara
Cevapla PGM
Teşekkür verenler:
#5
Rotate hoveri. En son geçen sene kullandım :D
Ara
Cevapla PGM
Teşekkür verenler:
#6
Yapmasi kolay tesekkurler :)
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


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