Estoy tratando de animar un div para que cuando la carga de la página tenga escala (0,0) y se anime a escala (1,1). El problema que tengo es que una vez que la animación toma efecto, el div escala a 0 nuevamente. Lo que quiero es el div para animar a escalar (1,1) y permanecer así. Aquí está mi código CSSescala de animación CSS3
@-moz-keyframes bumpin {
0% { -moz-transform: scale(0,0); }
100% { -moz-transform: scale(1,1); }
}
.landing .board {
-moz-transform: scale(0,0);
-moz-transform-origin: 50% 50%;
}
.landing .board {
-moz-animation-name: bumpin;
-moz-animation-duration: 1s;
-moz-animation-timing-function: ease;
-moz-animation-delay: 0s;
-moz-animation-iteration-count: 1;
-moz-animation-direction: normal;
}
¿Qué estoy haciendo mal?
Gracias de antemano
Mauro
parece una exacta duplicado de http://stackoverflow.com/questions/6897724/css3-animate-how-to-have-the-object-not-revert-to-its-initial-position-after-an – fcalderan