Mis queridos colegas programadores y diseñadores, estube teniendo problemas con un codigo, la idea que tenia era girar una imagen estatica con un movimiento 3D (me estube informando sobre el tema CSS3) y no logro que funcione, a continuacion les paso las partes del CSS que me están complicando (un resumen de lo que no funciona)
a ver si alguien me puede dar una mano.
Código:
@keyframes anim_3d{
from{transform: rotateY(0deg);}
to{transform: rotateY(130deg);}
}
@charset "utf-8";
#3d{
width: 100px;
height: 149px;
animation-name: anim_3d;
transform-style: preserve-3d;
animation-iteration-count: infinite;
animation-timing-function: ease;
animation-duration: 6s;
animation-play-state: running;
behavior:url(scripts/ie-css3.htc);
}
a propósito, uso el prefixfree para no tener que repetir tanto código. aunque no se si es compatible con el keyframe. (también intente hacer la animación sin usar keyframe, pero sigue sin moverse, la idea era que este constantemente en movimiento desde que se abra la pagina.
díganme que esta mal! después de casi 7 años sin diseñar me encontré con muchas cosas nuevas y lindas ^^