Animace pomocí CSS?? - transition

Napsáno: 04.03.2015    


Kategorie: PC  -  Css






<style>
div{
width: 100px;
height: 100px;
background: red;
-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
transition: width 2s, height 2s, transform 2s;
}

div:hover {
width: 150px;
height: 150px;
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(360deg);
}
</style>


<div>Otoč to...</div>

 

 


Nefunguje v nižších verzích než Internet Explorer 9

Více s ukázkami zde..








Diskuze ke článku
( Celkem: 0 )
Jméno:   
E-mail:   
Vzkaz: 
Aktivní odkaz přidáte takto:
link[http://www.adresa.cz]
Antispam:   
   



 
 
Zatím není vložen žádný komentář.
 
 

2013 © PiDi Soft |  Mapa stránek |  Odkazy