Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .blink { width: 220px; height: 50px; background-color: #342ab8; padding: 10px; text-align: center; line-height: 50px; } span { font-size: 26px; font-family: cursive; color: #fff; animation: blink 2s linear infinite; } @keyframes blink { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } </style> </head> <body> <div class="blink"> <span>blinking text</span> </div> </body> </html>