Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Titre du document</title> <style> blink { animation: blinker 0.6s linear infinite; color: #1c87c9; } @keyframes blinker { 50% { opacity: 0; } } .blink-one { animation: blinker-one 1s linear infinite; } @keyframes blinker-one { 0% { opacity: 0; } } .blink-two { animation: blinker-two 1.4s linear infinite; } @keyframes blinker-two { 100% { opacity: 0; } } </style> </head> <body> <h3> <blink>Texte clignotant</blink> </h3> <span class="blink-one">CSS blinking effect for opacity starting with 0%</span> <p class="blink-two">CSS blinking effect for opacity starting with 100%</p> </body> </html>