Maison >interface Web >tutoriel CSS >Définir des propriétés abrégées pour toutes les propriétés animées à l'aide de CSS
Définir des propriétés abrégées pour toutes les propriétés animées à l'aide de CSS
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBavant
- 2023-09-18 09:49:021226parcourir
La propriété raccourcie pour définir toutes les propriétés d'animation est animation. Il définit la durée de l'animation, le nom de l'animation, etc.
Vous pouvez essayer d'exécuter le code suivant pour utiliser l'attribut de raccourci animé :
Exemple
Live Demo
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
background-color: yellow;
animation: myanim 2s
}
@keyframes myanim {
from {
background-color: green;
}
to {
background-color: blue;
}
}
</style>
</head>
<body>
<div></div>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Créer des écrans de chargement avancés en utilisant CSSArticle suivant：Créer des écrans de chargement avancés en utilisant CSS