las propiedades de animación CSS3
Ejemplos
Utilizar la animación propiedad abreviada para unirse a un elemento <div>:
div
{
animación: mymove 5 s infinito ; - Webkit-animación: mymove 5 s infinito ; / * * Safari y Chrome /
}
Trate »
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.
| 属性 | |||||
|---|---|---|---|---|---|
| animation | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
| Por defecto: | Ninguna 0 0 1 facilidad normales |
|---|---|
| herencia: | no |
| Version: | CSS3 |
| la sintaxis de JavaScript: | objeto .style.animation = "5s mymove infinita" |
gramática
animation:animation: name duration timing-function delay iteration-count direction fill-mode play-state;;
| valor | explicación |
|---|---|
| animación-nombre | Especifica el nombre de obligarse para seleccionar los fotogramas clave |
| animación duración | Animación Especifica cuántos segundos o milisegundos |
| animación-tiempo-función | Cómo configurar la animación va a completar un ciclo |
| animación de retardo | La animación antes de empezar intervalo de retraso. |
| animación-iteración de recuento | Definir se reproduce la animación. |
| animación dirección | Especifica si se activa de nuevo la animación. |
| animación-fill-mode | Disposiciones cuando la animación no se reproduce (cuando se haya completado la animación, o cuando hay un retraso en la animación no empezar a jugar), que han de aplicarse al elemento de estilo. |
| animación-play-Estado | Especifica si la animación está en funcionamiento o en pausa. |
| inicial | Establecer la propiedad a su valor predeterminado. Lea la información acerca inicial. |
| heredar | Propiedades heredadas de elemento padre. Lee la información sobre initinherital. |
Artículos relacionados
CSS3 tutorial: Animación CSS3
