Back to Store
CSS Effects Generator
Glassmorphism, neumorphism, shadows, and gradients. Tweak and copy CSS.
Glassmorphism
Neumorphism
Shadows
Gradients
Glass Settings
Background Blur
10px
Background Opacity
0.25
Border Thickness
1px
Border Opacity
0.3
Color Tint
Background Style
Pink/Purple Gradient
Blue/Teal Gradient
Orange/Red Gradient
Green/Cyan Gradient
Upload Image
Border Radius
16px
Copy CSS
Preview
Glassmorphism
Neumorphism Settings
Background Color
Shape
Flat
Pressed
Convex
Light Direction
Top-Left
Top-Right
Bottom-Left
Bottom-Right
Distance
6px
Blur
12px
Intensity
0.15
Border Radius
20px
Copy CSS
Preview
Neumorphic
Shadow Presets
Shadow Layers
+ Add Layer
Copy CSS
Preview
Shadow
Gradient Presets
Gradient Settings
Type
Linear
Radial
Conic
Angle
135deg
Color Stops
+ Add Stop
Animated gradient
Mesh gradient (multi-radial)
Copy CSS
Download PNG
Preview