Blink text CSS in html keyframe

Blink text CSS

Blink text CSS

Blink text CSS: –Hi Readers, Blink element is used to blink or highlight text on the website. In older days we use HTML <blink> tag to blink text in HTML easily but now these option has been depreciated but doesn’t need to worry we can blink text in  css HTML .

CSS Code

Below we have created an animation property of CSS to blink and used class .blink

.blink {
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}


WHOLE Code:-

Now copy code and run file on browser and you will get text blinking

<html xmlns="http://www.w3.org/1999/xhtml">

<head ><title> Blink element is used to blink or highlight text on the website. In older days we use HTML <blink> tag to blink text in HTML easily but now these option has been depreciated but doesn't need to worry we can blink text in HTML using CSS.</title>

<style>
 .blink {
 animation: blink-animation 1s steps(5, start) infinite;
 -webkit-animation: blink-animation 1s steps(5, start) infinite;
 }
 @keyframes blink-animation {
 to {
 visibility: hidden;
 }
 }
 @-webkit-keyframes blink-animation {
 to {
 visibility: hidden;
 }
 }
 </style>

</head>

<body>
 
<p class="blink">Hi Readers, Blink element is used to blink or highlight text on the website. In older days we use HTML <blink> tag to blink text in HTML easily but now these option has been depreciated but doesn't need to worry we can blink text in HTML using CSS.</p>
<p class="blink">Hi Readers, Blink element is used to blink or highlight text on the website. In older days we use HTML <blink> tag to blink text in HTML easily but now these option has been depreciated but doesn't need to worry we can blink text in HTML using CSS.</p>
<p class="blink">Hi Readers, Blink element is used to blink or highlight text on the website. In older days we use HTML <blink> tag to blink text in HTML easily but now these option has been depreciated but doesn't need to worry we can blink text in HTML using CSS.</p>
 </body>

</html>

 Hi Readers, Blink element is used to blink or highlight text on the website. In older days we use HTML <blink> tag to blink text in HTML easily but now these option has been depreciated but doesn’t need to worry we can blink text in HTML using CSS.

Leave a Comment