En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour assurer le bon fonctionnement de nos services.
En savoir plus

Faire clignoter du texte

Par Admin Jean Jaures, publié le mardi 11 octobre 2016 14:00 - Mis à jour le lundi 14 janvier 2019 16:49

 

 

Sur l'ENT, dans l'édition d'un article :


• Cliquer sur le bouton « Source » : >_

• Copier/Coller à la première ligne le code suivant :

<style type="text/css">

.blink { -webkit-animation: blink .75s linear infinite; -moz-animation: blink .75s linear infinite; -ms-animation: blink .75s linear infinite; -o-animation: blink .75s linear infinite; animation: blink .75s linear infinite;} @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; }} @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; }} @-ms-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; }} @-o-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; }}@keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; }}

</style>

 

• Encadrer le texte à faire clignoter par des balises paragraphes et ajouter une class nommée « blink »  :

<p class="blink">EXEMPLE</p>

 

Image d'exemple

Catégories
  • Astuce Code Source