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