← Back to functions
CSS Function
radial-gradient()
GradientsCreates a gradient that radiates outward from a central point.
Syntax
radial-gradient(shape size at position, color1, color2, ...)
Example
background: radial-gradient(circle at center, #1a1a1a, #0d0d0d);
Common use cases
- Spotlight and glow effects
- Circular background highlights
- Depth and shadow effects
Practical developer insight
Use radial-gradient() for subtle vignette effects — a dark outer ring on a dark background adds depth without being obvious.