Imitating a blink tag with CSS3 animations

Chrome and Safari don’t support or even CSS’s text-decoration: blink;, but here is the solution for BLINK:

<style type="text/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;
            }
        }
</style>

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

Also you can try this:

<style type="text/css">
        
        .blink {
            -webkit-animation-name: blinker;  
            -webkit-animation-iteration-count: infinite;  
            -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
            -webkit-animation-duration: 1s; 
         }	

         @-webkit-keyframes blinker {  
             from { opacity: 1.0; }
             to { opacity: 0.0; }
         }
</style>