1 #caja {2 display: block;3 width: 100px;4 height: 100px;5 background: rgba(255,0,0,0.4);6 font-size: 12px;7 position: absolute;8 top: 0;9 left: 0;10 11 transform: ;12 -webkit-transform: perspective(500px) rotateX(180deg);13 -moz-transform: perspective(500px) rotateX(180deg);14 -o-transform: perspective(500px) rotateX(180deg);15 -ms-transform: perspective(500px) rotateX(180deg);16 transform: perspective(500px) rotateX(180deg);17 18 19 20 /* transiciones */21 transition: all 0.4s ease;22 }23 24 #caja:hover {25 background: rgba(0,0,255,0.4);26 transform: rotateX(0deg);27 }28 29 Este ShareCode tiene versiones:
- Esto es mi texto kfj asñl... (10/04/2013)
- Esto es mi texto kfj asñlkfsjf sdñlkf... (24/04/2013)
- Esto es mi texto kfj asñlkfsjf sdñlkf... (24/04/2013)
- Esto es mi texto kfj asñlkfsjf sdñlkf... (24/04/2013)
- Esto es mi texto kfj asñlkfsjf sdñlkf... (24/04/2013)
- Esto es mi texto kfj asñlkfsjf sdñlkf... (24/04/2013)
Enlace
El enlace para compartir es: