Es posible que tras finalizar una animación personalizada con keyframes pueda cambiar las propiedades de un elemento (¿Es posible sin usar JS?).
Por ejemplo, al finalizar una animación pasar a display: none;
para ocultar el elemento.
Por el contrario, partir en display: none;
y terminar en un display: block;
para que el elemento quede visible permanentemente tras la animación.
Hablo de la propiedad display a modo de ejemplo, mi consulta es un poco más general ya que quisiera saber si es posible modificar otras propiedades de elemento como width, height, etc.
div#jeje{
-webkit-animation: custom 1s ease-out;
-ms-animation: custom 1s ease-out;
-o-animation: custom 1s ease-out;
animation: custom 1s ease-out;
}
@keyframes custom {
0%{
transform: rotateY(0deg);
}
50%{
transform: rotateY(180deg);
box-shadow: 0px 20px 50px -20px #888888;
}
100%{
transform: rotateY(0deg);
}
}