Dot Shift

Shifting grid of animated dots

dot-shift-tw

Customize

Speed

0.5

Scale

0.6

Dot Size

0.6

Dot Blur

0.50

Base Color

Props

6

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.

Default0.5

scalenumber

Scale of the dot pattern.

Default0.6

sizenumber

Size multiplier for the dots.

Default0.6

blurnumber

Softness/blur of the dots.

Default0.5

colorstring

Base color hue.

Default"#FF9FFC"

classNamestring

Additional CSS classes.

Default""