Dot Shift
Shifting grid of animated dots
dot-shift-tw
Customize
Tweak the props liveAnimation
0.5
0.6
Dot Settings
0.6
0.5
Appearance
#FF9FFCProps
| Name | Type | Default | Description |
|---|---|---|---|
speed | number | 0.5 | Animation speed multiplier. |
scale | number | 0.6 | Scale of the dot pattern. |
size | number | 0.6 | Size multiplier for the dots. |
blur | number | 0.5 | Softness/blur of the dots. |
color | string | "#FF9FFC" | Base color hue. |
className | string | "" | Additional CSS classes. |
speednumberAnimation speed multiplier.
Default:
0.5scalenumberScale of the dot pattern.
Default:
0.6sizenumberSize multiplier for the dots.
Default:
0.6blurnumberSoftness/blur of the dots.
Default:
0.5colorstringBase color hue.
Default:
"#FF9FFC"classNamestringAdditional CSS classes.
Default:
""