How we can make any word/sentence to blink in web page?

Question

the given below tag doesn't work!

Answer 1

Try this

<span class="blink">Blinking!! </span>
<style>
.blink {
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
</style>

hope this helps ^^

Answer 2

ylu can use javascript for any browser related activity...such as mouse relayed fonts related or even text related..these includes changing or modifying the texts animation and blinking are two example of it

Answer 3

Use this js code
var speed = 500;
var t = setInterval(function ()
{ 
var e = document.getElementById('blinker'); e.style.visibility = (e.style.visibility== 'hidden' ? '' : 'hidden');
},speed);

Make sure to set id of the html part that you want to make it blink to "blinker"

Answer 4

thanks to all of you!

Answer 5

To add smooth text blinking, use the following code:
CSS:
.my-text {
position: absolute;
animation: blink 3s linear infinite;
-webkit-animation: blink 3s linear infinite;
}
@keyframes blinker {
50% { opacity: 0.67; }
}
@-webkit-keyframes blinker {
50% { opacity: 0.67; }
}

HTML:
<div id="my-text">I'm blinking</div>

Answer 6

Guys! none of above code work
please give a valid code solution!