MdL
Rank: Administrator Mesaje : 2756
Membru din : 23/11/2011
Nick CS : nDyc3 #-
Mulţumiri : 130  |  Subiect: Rotirea avatarului la hover  Dum Ian 13, 2013 8:40 pm |
|
| In acest tutorial am sa va prezint cum puteti face ca avatarul sa se roteasca la 360 de grade pentru toate versiunile. Este un tutorial simplu, dar care are un aspect frumos daca este aplicat de forumul tau. PhpBB2: - Cod:
-
.poster-profile img{
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
}
.poster-profile img:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
} PhpBB3: - Cod:
-
div.postprofile dl dt img{
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
}
div.postprofile dl dt img:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
} PunBB: - Cod:
-
div.user-basic-info img{
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
}
div.user-basic-info img:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
} Invision: - Cod:
-
dl.postdetails dt img{
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
}
dl.postdetails dt img:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
} |
|
In 
