Maison  >  Article  >  interface Web  >  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

王林
王林avant
2020-10-27 17:27:136303parcourir

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>

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer