×
Gradator
Linear Gradient
Box Shadow
Loader Generator
BG Animations
Gradator
CSS Code Generator
Linear Gradient
Primary Color:
Secondary Color:
Primary Intensity:
Secondary Intensity:
Angle:
45°
Copy CSS
Gradator
CSS Code Generator
Box Shadow
Horizontal:
Vertical:
Blur:
Spread:
Shadow Color:
Background:
Box Color:
Copy CSS
Gradator
CSS Code Generator
Loader Preview
Select Loader Type
Spinner 1
Spinner 2
Pulse
Bars
Dots
Ring
Customize Loader
Primary Color:
Secondary Color:
Size (px):
60px
Animation Speed (s):
2s
Animation Type:
linear
ease
ease-in
ease-out
HTML Code
Copy HTML
CSS Code
Copy CSS
Gradator
CSS Code Generator
Background Animation
Width:
2vw
Height:
4vh
Border Radius:
20vw
Duration (s):
120s
Primary Color:
Secondary Color:
Shadow Primary:
Shadow Glow Primary:
Shadow Secondary:
Shadow Glow Secondary:
Background:
Switch to Triangles
HTML Code
Copy HTML
CSS Code
Copy CSS
Live Preview