common.css
bul
Kod: Tümünü seç
a#logo:hover {
text-decoration: none;
}
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);
}
overall_header.html
bul
Kod: Tümünü seç
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
Kod: Tümünü seç
<a href="{U_INDEX}" title="{L_INDEX}" id="logo"><div id="log">{SITE_LOGO_IMG}</div></a>
---------------------------------
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/