Maison > interface Web > tutoriel CSS > CSS pour obtenir un effet clignotant de couleur d'arrière-plan div

CSS pour obtenir un effet clignotant de couleur d'arrière-plan div

王林
Libérer: 2020-10-27 17:27:13
avant
6355 Les gens l'ont consulté

CSS pour obtenir un effet clignotant de couleur d'arrière-plan div

Jetons d'abord un coup d'œil aux rendus :

(Tutoriel vidéo recommandé : Tutoriel vidéo CSS)

CSS pour obtenir un effet clignotant de couleur darrière-plan div

Implémentation du code :

<!DOCTYPE html>
<html>
<head>
<style>
@keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    to {
        opacity: 1.0;
    }
}

.headerBox {
width:100px;
    background: #ff0;
    padding: 10px;
    font-size: 15px;
    height: 100px;
    animation: fade 600ms infinite;
}
</style>
</head>
<body>
<div> </div>
</body>
</html>
Copier après la connexion

Tutoriel recommandé : Tutoriel CSS

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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal