Hello There, Guest! or RegisterHelp Calendar Member List Search
How to create a blinking effect using CSS animation


Share This Thread:
in
 How to create a blinking effect using CSS animation
Hello guys :smiling: decided to drop some helpful codes, below is a code to make a blinking text effect. [html] .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; } } [/html] In the code above, when you add a text to a 'div' element with '[bold]blink[/bold]' as it's 'id', the text will go on and off in the space of just one second, you can also set the duration of the animation to the one that suits you in the CSS code.


Forum Jump:

Users browsing this thread: