CSS Gradient Playground
Undo/Redo: Cmd+Z/Cmd+Shift+Z (Mac) or Ctrl+Z/Ctrl+Y (Windows) • Browser back/forward also works
Reset
Share
Preview
×
px
Import CSS
Import
Export Code
CSS
Copy
Tailwind CSS
Copy
Layers
Add
Conic Gradient
11 stops • 100% opacity
%
Conic Gradient
2 stops • 100% opacity
%
Edit Conic Gradient
Type
Linear
Radial
Conic
Angle (°)
Position X (%)
Position Y (%)
Opacity (%)
Gradient Stops
Add
Stop 1 Settings
Color
Alpha:
%
Position (°)
Remove Stop