1 <h1>CSS Animation (simple) </h1>2 3 <style type="text/css">4 5 #cuadrado {6 width:100px;7 height:100px;8 background:silver;9 }10 11 @keyframes arcoirisAnimation {12 0% { background-color: red; }13 100% { background-color: blue; }14 }15 16 .arcoiris {17 -webkit-transition: arcoirisAnimation 2.5s ease-in;18 -moz-transition: arcoirisAnimation 2.5s ease-in;19 transition: arcoirisAnimation 2.5s ease-in;20 }21 22 </style>23 24 <div id="cuadrado" onclick="25 this.classList.toggle('arcoiris');26 "> pinchame </div>Este ShareCode tiene versiones:
- CSS Animation (simple) #cuadrado { ... (24/04/2013)
- CSS Animation (simple) #cuadrado { ... (24/04/2013)
- CSS Animation (simple) #cuadrado { ... (24/04/2013)
- CSS Animation (simple) #cuadrado { ... (24/04/2013)
Enlace
El enlace para compartir es: