Maison >interface Web >tutoriel CSS >Effectuer une animation sur la largeur maximale CSS
Effectuer une animation sur la largeur maximale CSS
- WBOYavant
- 2023-08-26 20:09:06888parcourir
Pour animer la propriété max-width à l'aide de CSS, vous pouvez essayer d'exécuter le code suivant
Exemple
Démo en direct
<!DOCTYPE html>
<html>
<head>
<style>
div {
overflow: auto;
background-color: blue;
color: white;
border: 1px solid black;
animation: myanim 3s;
}
@keyframes myanim {
30% {
max-width: 250px;
}
}
</style>
</head>
<body>
<h1>Example of max-width</h1>
<div>
<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.
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>
</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：Quelles sont les fonctions des canaux de couleur dans Less ?Article suivant：Quelles sont les fonctions des canaux de couleur dans Less ?