Blinking Text Code - Css
How to make blinking text using css?
Snippet Code
Rate this page :
|
[ 0 votes]
|
Css animation effect is used to make the text blink. The sample css code given below is an example to make your text blink.
<style>
@-webkit-keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
div {
-webkit-animation: blink 1s;
-webkit-animation-iteration-count: infinite;
-moz-animation: blink 1s;
-moz-animation-iteration-count: infinite;
-o-animation: blink 1s;
-o-animation-iteration-count: infinite;
color:red;
}
</style>
<div align='center'>Hscripts.com</div>
