Blink Text in CSS – Blink Heading h1, h2, h3, and paragraph P in CSS
Blink Text in CSS – Blink Heading h1, h2, h3, and paragraph P in CSS
In this tutorial, we will try to learn about the followings;
- Blink Heading in CSS
- Blink Paragraph in CSS
Blink Heading in CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<html> <head> <style> h1{ animation:blinkingText 0.1s infinite; } @keyframes blinkingText{ 0%{ color: red; } 40%{ color: ornage; } 60%{ color: pink; } 90%{ color:transparent; } 100%{ color: green; } } </style> </head> <body> <h1>T4TUTorials.com</h1> <p>Special thanks to all of you.</p> </body> </html> |
Blink Paragraph in CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<html> <head> <style> p{ animation:
blinkingText 0.1s infinite; } @keyframes blinkingText{ 0%{ color: red; } 40%{ color: ornage; } 60%{ color: pink; } 90%{ color:transparent; } 100%{ color: green; } } </style> </head> <body> <h1>T4TUTorials.com</h1> <p>Special thanks to all of you.</p> </body> </html> |