How to Blink the Text in HTML5 and Responsive Bootstrap Templates

Blink the Text content mobile number heading in HTML5 and Responsive Bootstrap Templates and all support all browsers  Firefox Mozilla google chrome opera safari browser.how to fix blink code in html

I am display the Blink Html code .It would set the speed of blink text and colour code

 

Blink code used for display the notification and any type of  number and text on the screen

Earlier new versions of HTML and internet explorer browsers supported the <blink> tag to allow a display blink any type of text

Simple <blink> tag is not support in all   browser

 

CSS Code for Blink the text

<style>

.blink {
  animation-duration: 8000ms;    /*blinking speed decreases and increase */
  animation-name: tgle;
  animation-iteration-count: infinite;
}

@keyframes tgle {
  0% {
    opacity: 0;
  }

  49.99% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }

  99.99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
 </style>

HTML Code for Blink the text

<span class="blink">Blink the text in html </span>

Out put Show in browser

Buy online Rajasthan gk book Railway JE CBT REET PAtwari Book SSC CGL Clerk GD Book Buy online Rajasthan gk book Railway JE CBT REET PAtwari Book SSC CGL Clerk GD Book