Blink animation
Create a blink CSS animation effect right in the HTML code
Overview
The blink built-in loop makes the element fade-in and fade-out in an infinite animation loop.
Syntax
Default
The default loop:blink() without any values or options uses these default parameters:
| Name | Start value | End value | Options |
|---|---|---|---|
blink |
0 |
1 |
duration: 0.5s |
Custom values
You can also customize the animation by changing the value and options.
Usage
Default
In order to use a blink animation with the default settings, just use loop:blink().
Blink
Custom value
Use a custom value to override the default value of 1 and make the element partially transparent.
Blink
Available options
Here is the list of available options for the blink animation loop.
duration
Change the duration of the animation speed.
Blink