Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de D1esel Vin 30 Noi - 21:51
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
» Salutare
Scris de Lucifer Mar 24 Apr - 11:32
Cuvinte-cheie

edit  

Efect de tranzitie a unei imagini


Codul este unul simplu, dar cu un efect foarte frumos
Demo: http://demonstratii.wikiforum.ro/

Cod:

.clasa {
background: url(http://i44.servimg.com/u/f44/16/84/52/28/abstra10.jpg);background-position: 80% 0%;-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
height: 180px;}

clasa:hover {
background: url(http://i44.servimg.com/u/f44/16/84/52/28/abstra10.jpg);background-position: 80% 100%;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;}



Tutorial realizat de Rio

***Important !

Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !

Comentariile utilizatorilor

Fii primul care comenteaza acest articol