Tutorial : Rotirea avatarului la hover .

In jos

Tutorial : Rotirea avatarului la hover .

Mesaj Scris de struMf la data de Vin Iul 20, 2012 6:03 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);
}

Tutorial realizat de struMf







Like a Star @ heaven Absent timp de 20 de zile . Like a Star @ heaven
avatar
struMf
Membru Coding-Help

Numarul Mesajelor : 224
Reputatie de puncte : 478
Inscris din : 19/07/2012
Varsta : 23
Localizare : Constanta .

Vezi profilul utilizatorului http://coding-help.forumz.ro/

Sus In jos

Re: Tutorial : Rotirea avatarului la hover .

Mesaj Scris de Lyzzi la data de Vin Iul 20, 2012 7:27 pm

struMf,vreau sa va informez ca tocmai a fost semnalat un abuz asupra acestui tutorial pe motivele ignorari copyright-ului(plagiat) de catre un utilizator.
Acest topic va fi blocat si trimis in cos!


Exclamation Nu ofer suport prin PM Exclamation
Coding-Help
avatar
Lyzzi
Administrator
Administrator

Numarul Mesajelor : 421
Reputatie de puncte : 7384
Inscris din : 15/07/2012
Varsta : 28
Localizare : Satu-Mare

Vezi profilul utilizatorului http://coding-help.forumz.ro

Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum