Css3 Animation Code: Rotation 360, Fireworks

[+iMaster]

Am nevoie si eu de niste coduri pentru animatii in CSS3 ,de exemplu cand dau cu clickul peste imagine sa se roteasca, sa iasa in afara, sa se dea "peste cap" ,cand dai refersh la pagina sa se faca un artificiu alb si sa se faca la loc , cand ating imaginile cu clickul sa se aprind/coloreze incet ,la meniu, dedesubtul scrisului sa apara o linie, dar nu fix langa text, mai depapartat etc..

 

Puteti sa ma ajutati //

[Courage]

Pentru rotaţie 360 grade cand duci mouse-ul pe el:

 

Folosesti codul

<img class="rotatieimagine" src="ADRESA_CATRE_IMAGINE">

Si adaugi CSS:

.rotatieimagine {
    overflow: hidden;
    transition-duration: 0.8s;
    transition-property: transform;
}
.rotatieimagine:hover {
    transform: rotate(360deg);
}

Rezultat: http://jsfiddle.net/sELBM/

[+iMaster]

UP ..

[gaby]

Uite pe aici cateva efecte:

http://designshack.net/articles/css/5-cool-css-hover-effects-you-can-copy-and-paste/

http://designshack.net/articles/css/joshuajohnson-2/

http://tympanus.net/Tutorials/OriginalHoverEffects/index.html