blink text using css html

The original Netscape <blink> had an 80% duty cycle. This comes pretty close, although the real <blink> only affects text:

use in css

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

Use in html 

This is <span class="blink">blinking</span> text.