CSS Shape Generator
Create custom CSS shapes with smooth curves
GitHub
•
Colors
Gradient Type
Linear
Radial
Angle:
90
°
Curve Controls
Top Left:
30
%
Top Right:
70
%
Bottom Right:
70
%
Bottom Left:
30
%
Smoothness:
50
%
Wave Height:
20
%
Wave Count:
2
Curve Smooth:
50
%
Bump Size:
30
%
Bump Count:
3
Soft Edges:
60
%
Preview
Reset
CSS Output
Copy