Dot Shift

Shifting grid of animated dots

dot-shift-tw

Tweak the props live

Speed0.5

Scale0.6

Dot Size0.6

Dot Blur0.5

Base Color

#FF9FFC

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.

speednumber

Animation speed multiplier.

Default:0.5

scalenumber

Scale of the dot pattern.

Default:0.6

sizenumber

Size multiplier for the dots.

Default:0.6

blurnumber

Softness/blur of the dots.

Default:0.5

colorstring

Base color hue.

Default:"#FF9FFC"

classNamestring

Additional CSS classes.

Default:""