Jump animation
Create a jump CSS animation effect right in the HTML code
Overview
The jump built-in loop makes the element jump in an infinite animation loop.
Syntax
Default
The default loop:jump() without any values or options uses these default parameters:
| Name | Default value | Default options |
|---|---|---|
jump |
1rem |
duration: 1.5s |
Custom values
You can also customize the animation by changing the value and options.
Usage
Default
In order to use a jump animation with the default settings, just use loop:jump().
Jump
Custom value
To make the element move higher, set your own custom value.
Jump
Available options
Here is the list of available options for the jump animation loop.
duration
Change the duration of the animation speed.
Jump