stylesheet.css
bul
Kod: Tümünü seç
#logodesc {
background-color: #C1CAD2;
background-image: url('./images/background.gif');
background-repeat: repeat-x;
background-position: center bottom;
padding: 0 25px 15px 25px;
}
sonrasına ekle
Kod: Tümünü seç
#log {
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
#log:hover{
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
bul
Kod: Tümünü seç
<td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
bununla değiştir
Kod: Tümünü seç
<td><a href="{U_INDEX}"><div id="log">{SITE_LOGO_IMG}</div></a></td>
Ön belleği temizle
---------------------------------
360 yazan yerleri istediğiniz sayı ile değiştirebilirsiniz.
Örnek site http://www.satcell.org
Kaynak burdaki uygulama http://www.zenelements.com/blog/css3-transition/