March 23, 2023

Text Blinking in HTML and CSS

I am present a very easy way to use only Blinking in HTML and CSS3 to blinke a fancy file. Change the values, setting blinking speed and colors differently.

Welcome to Getdailybuzz.com

I’m using a span tag and assigning the blinking-in-html class to it.

<span class="blinking-in-html">Welcome to Getdailybuzz.com</span>

Now CSS Code:

.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: #000; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}

Finally you know about How to Make a Text in Blinking in HTML and CSS.

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments