Spin animation
Create a spin CSS animation effect right in the HTML code
Overview
The spin built-in loop makes the element spin around in an infinite animation loop.
Syntax
Default
The default loop:spin() without any values or options uses these default parameters:
| Name | Default value | Default options |
|---|---|---|
spin |
- |
duration: 2s |
Custom options
You can also customize the animation by changing the options.
Usage
Default
In order to use a spin animation with the default settings, just use loop:spin().
Spin
Custom value
This effect does not support any custom values.
Available options
Here is the list of available options for the spin animation loop.
duration
Change the duration of the animation speed.
Spin