How to Blink the Text in HTML5 and Responsive Bootstrap Templates

HTML 0 Comments
blink-the-text-in-html5

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

 

Daily Visit GK on myshort.in

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

blink-the-text-in-html5
blink-the-text-in-html5

share..Share on Facebook0Share on Google+0Tweet about this on TwitterShare on LinkedIn0