Le meilleur didacticiel propriétés d'animation CSS3 en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,support du navigateur,grammaire,articles connexes,
Utilisez l'animation de propriété raccourcie pour se lier à un élément <div>:
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.
| 属性 | |||||
|---|---|---|---|---|---|
| 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- |
| Par défaut: | aucune 0 facilité 0 1 normale |
|---|---|
| Héritage: | aucun |
| Version: | CSS3 |
| Syntaxe JavaScript: | objet .style.animation = "5s MyMove infinie" |
| valeur | explication |
|---|---|
| animation-name | Indique le nom à être lié pour sélectionner les images clés |
| animation durée | Animations Indique le nombre de secondes ou en millisecondes |
| animation-timing-function | Comment mettre en place l'animation va terminer un cycle |
| animation-delay | Animer avant de commencer l'intervalle de retard. |
| animation-iteration-count | Définir les jeux d'animation. |
| animation-direction | Indique si de revenir en arrière l'animation. |
| animation-fill-mode | Dispositions applicables lorsque l'animation ne joue pas (lorsque l'animation est terminée, ou quand il y a un retard dans l'animation ne démarre pas la lecture), à appliquer à l'élément de style. |
| état-animation-play | Indique si l'animation est en cours d'exécution ou en pause. |
| initial | Définissez la propriété à sa valeur par défaut. Lisez les informations sur initial. |
| hériter | Propriétés héritées de l'élément parent. Lisez les informations sur initinherital. |
CSS3 tutoriel: CSS3 Animations