Maison > Article > interface Web > Animation de la propriété CSS margin-bottom
Animation de la propriété CSS margin-bottom
- PHPzavant
- 2023-08-26 08:29:091330parcourir
Pour animer la propriété margin-bottom en CSS, vous pouvez essayer d'exécuter le code suivant
Exemple
Démo en ligne
<!DOCTYPE html>
<html>
<head>
<style>
p {
animation: mymove 3s infinite;
margin-bottom: 20px;
}
@keyframes mymove {
70% {
margin-bottom: 60px;
}
}
</style>
</head>
<body>
<p>This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
</p>
<p>This is demo text 2!</p>
</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 ombres atténuées à l'aide de CSSArticle suivant：Créer des ombres atténuées à l'aide de CSS