Alternative for blink

Question

The  lt blink gt  tag was never an official standard  and is now completely abandoned by all browsers   Is there a standards compliant way of making text blink

User · Answer

Here s some code that ll substitute for the blink tag   lt p id  blink  gt This text will blink  lt  p gt   lt script gt  var blacktime   1000  var whitetime   1000    These can be as long as you desire in milliseconds setTimeout whiteFunc blacktime   function whiteFunc        document getElementById  blink   style color    white       setTimeout blackFunc whitetime     function blackFunc        document getElementById  blink   style color    black       setTimeout whiteFunc blacktime      lt  script gt

User · Answer

Here is a web-component that fits your need  blink-element   You can simply wrap your content in  lt blink-element gt     lt blink-element gt       lt  -- Blinking content goes here -- gt   lt  blink-element gt

User · Answer

The blink element is being abandoned by browsers  Firefox supported it up to version 22  and Opera up to version 12   The HTML5 CR  which is the first draft specification that mentions blink  declares it as    obsolete    but describes  in the Rendering section  its    expected rendering    with the rule  blink   text-decoration  blink      and recommends that the element be replaced by the use of CSS  There are actually several alternative ways of emulating blink in CSS and JavaScript  but the rule mentioned is the most straightforward one  the value blink for text-decoration was defined specifically to provide a CSS counterpart to the blink element  However  support to it seems to be as limited as for the blink element   If you really want to make content blink in a cross-browser way  you can use e g  simple JavaScript code that changes content to invisible  back to visible etc  in a timed manner  For better results you could use CSS animations  with somewhat more limited browser support

User · Answer

Blinking text with HTML and CSS only   lt span class  blinking  gt I am blinking    lt  span gt    And Now CSS code       blinking          animation blinkingText 0 8s infinite              keyframes blinkingText          0       color   000               49      color  transparent            50      color  transparent            99      color transparent             100     color   000

User · Answer

No  there isn t in HTML  There is a good reason why the developers chose to go out of their way to remove support for an element whose implementation was otherwise untouched for upwards of a decade   That said    you could emulate it using a CSS animation  but if I were you  I wouldn t risk CSS animations being axed due to being abused in this manner

User · Answer

The solution below is interesting because it can be applied across multiple elements concomitantly and does not trigger an error when the element no longer exists on the page  The secret is that it is called passing as a parameter a function in which you must return the elements you want to be affected by the blink  Then this function is called back with each blink  HTML file below    lt  doctype gt   lt html gt       lt head gt           lt style gt               blink  color  red           lt  style gt       lt  head gt       lt body gt           lt h1 gt Blink test lt  h1 gt           lt p gt              Brazil elected President  lt span class  blink  gt Bolsonaro lt  span gt  because he              was the only candidate who did not promise  lt span class  blink  gt free things lt  span gt              to the population  Previous politicians created an image that would              bring many benefits  but in the end  the state has been getting more and              more  lt span class  blink  gt burdened lt  span gt   Brazil voted for the              realistic idea that  lt span class  blink  gt there is no free lunch lt  span gt            lt  p gt       lt  body gt       lt script gt      var blink                         interval in miliseconds                  400              on                  true              function wich returns the elements                                   activate                  function function wich returns the elements                                        this function wich returns the elements   function wich returns the elements                      setInterval blink change  blink interval in miliseconds                                  change                  function                                            blink on    blink on                      var i  elements                           for  i in blink function wich returns the elements                                                elements   elements concat blink function wich returns the elements i                                                for  i in elements                                                if  elements i                                                         elements i  style opacity   blink on   1    2                                                                                   blink activate                             function                                 var                      i                      node collection   document getElementsByClassName  blink                        elements                       for  i   0  i  lt  node collection length  i                                          elements push node collection i                                      return elements                                      lt  script gt   lt  html gt

User · Answer

If you re looking to re-enable the blink tag for your own browsing  you can install this simple Chrome extension I wrote  https   github com etlovett Blink-Tag-Enabler-Chrome-Extension   It just hides and shows all  lt blink gt  tags on every page using setInterval

User · Answer

x000D   x000D   blink text   x000D   x000D      animation 1s blinker linear infinite  x000D      -webkit-animation 1s blinker linear infinite  x000D      -moz-animation 1s blinker linear infinite  x000D   x000D       color  red  x000D        x000D   x000D       -moz-keyframes blinker     x000D       0    opacity  1 0    x000D       50    opacity  0 0    x000D       100    opacity  1 0    x000D         x000D   x000D       -webkit-keyframes blinker     x000D       0    opacity  1 0    x000D       50    opacity  0 0    x000D       100    opacity  1 0    x000D         x000D   x000D       keyframes blinker     x000D       0    opacity  1 0    x000D       50    opacity  0 0    x000D       100    opacity  1 0    x000D         x000D       lt span class  blink text  gt India s Largest portal lt  span gt  x000D   x000D   x000D

User · Answer

can use this   keyframes blinkingText       0       opacity  1           40      opacity  0        60      opacity  0        100     opacity  1           blinking       animation blinkingText 2s reverse infinite

User · Answer

Please try this one and I guarantee that it will work     lt script type  text javascript  gt    function blink       var blinks   document getElementsByTagName  blink      for  var i   blinks length - 1  i  gt   0  i--      var s   blinks i     s style visibility    s style visibility      visible      hidden     visible     window setTimeout blink  1000     if  document addEventListener  document addEventListener  DOMContentLoaded   blink  false   else if  window addEventListener  window addEventListener  load   blink  false   else if  window attachEvent  window attachEvent  onload   blink   else window onload   blink      Then put this below    lt blink gt  lt center gt  Your text here  lt  blink gt  lt  div gt

User · Answer

You could take advantage of JavaScript s setInterval function    x000D   x000D  const spanEl   document querySelector   spanEl    x000D  var interval   setInterval function     x000D    spanEl style visibility   spanEl style visibility      hidden     visible     hidden   x000D     250   x000D   lt span id  spanEl  gt This text will blink  lt  span gt  x000D   x000D   x000D

User · Answer

The blick tag is deprecated  and the effect is kind of old    Current browsers don t support it anymore  Anyway  if you need the blinking effect  you should use javascript or CSS solutions   CSS Solution   x000D   x000D  blink   x000D      animation  blinker 0 6s linear infinite  x000D      color   1c87c9  x000D    x000D   keyframes blinker     x000D      50    opacity  0    x000D    x000D   blink-one   x000D      animation  blinker-one 1s linear infinite  x000D    x000D   keyframes blinker-one     x000D      0    opacity  0    x000D    x000D   blink-two   x000D      animation  blinker-two 1 4s linear infinite  x000D    x000D   keyframes blinker-two     x000D      100    opacity  0    x000D    x000D   lt  DOCTYPE html gt  x000D   lt html gt  x000D     lt head gt  x000D       lt title gt Title of the document lt  title gt  x000D     lt  head gt  x000D     lt body gt  x000D       lt h3 gt  x000D         lt blink gt Blinking text lt  blink gt  x000D       lt  h3 gt  x000D       lt span class  blink-one  gt CSS blinking effect for opacity starting with 0  lt  span gt  x000D       lt p class  blink-two  gt CSS blinking effect for opacity starting with 100  lt  p gt  x000D     lt  body gt  x000D   lt  html gt  x000D   x000D   x000D    sourse  HTML blink Tag

User · Answer

A small javascript snippet to mimic the blink   no need of css even   lt span id  lastDateBlinker  gt      Last Date for Participation   30th July 2014  lt  span gt    lt script type  text javascript  gt      function blinkLastDateSpan             if      lastDateBlinker   css  visibility   toUpperCase       HIDDEN                     lastDateBlinker   css  visibility    visible                setTimeout blinkLastDateSpan  200             else                   lastDateBlinker   css  visibility    hidden                setTimeout blinkLastDateSpan  200                       blinkLastDateSpan     lt  script gt

User · Answer

No there is not  Wikipedia has a nice article about this and provides an alternative using JavaScript and CSS  http   en wikipedia org wiki Blink element

[html] Alternative for <blink>

Examples related to html