Texte clignotant [Résolu]
Publié : 15 mars 2023, 09:37
Bonjour
Est-il possible de rendre un texte clignotant ?
Est-il possible de rendre un texte clignotant ?
Forums d'assistance et de discussion sur les logiciels produits par Mozilla ou créés à partir des technologies Mozilla. Ce site ne dépend pas de la fondation Mozilla et est maintenu par un collectif de bénévoles.
https://forums.mozfr.org/
Code : Tout sélectionner
.blinking{
animation:blinkingText 0.9s infinite;
}
@keyframes blinkingText{
0%{color: #000;}
49%{color: transparent;}
50%{color: transparent;}
99%{color:transparent;}
100%{color: #000;}
}
Code : Tout sélectionner
<html>
<head>
<link href="style.css" rel="stylesheet">
</head>
<body>
<span class="blinking">Am I blinking?</span>
</body>
</html>
Code : Tout sélectionner
.blinking{
animation:blinkingText 0.9s infinite;
}
@keyframes blinkingText{
0%{color: #ff0000;}
49%{color: #4000ff;}
50%{color: #ffff33;}
99%{color: #cc33ff;}
100%{color: #2c4cd2;}
}
Code : Tout sélectionner
<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet">
</head>
<body>
<center><span class="blinking">Communauté Mozilla francophone</span>
<br><br>
</center>
<center><img src="https://www.mozfr.org/img/communaute.jpg"
alt="Communauté Mozilla francophone"
width="400"
height="341"
title="Communauté Mozilla francophone">
</center>
</body>
</html>
Code : Tout sélectionner
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet">
</head>
<body>
<center><span class="blinking">Communauté Mozilla francophone</span>
<br><br>
</center>
<center><img src="https://www.mozfr.org/img/communaute.jpg"
alt="Communauté Mozilla francophone"
width="400"
height="341"
title="Communauté Mozilla francophone">
</center>
</body>
</html>