Radial Gradients

radial-gradient() radiates colors outward from a center point in a circular or elliptical shape.

Example

.circle  { background: radial-gradient(circle, #4fc3f7, #0d47a1); }
.ellipse { background: radial-gradient(ellipse at top, #fce4ec, #f06292, #ad1457); }
.spot    { background: radial-gradient(circle at 30% 40%, rgba(255,255,255,0.4), transparent 60%); }

CSS

Full Editor

Pro Tip

Use radial gradients for spotlight effects or glowing backgrounds.

Related Resources

CSS Reference

Complete tag & property list

CSS How-To Guides

Step-by-step practical guides

CSS Exercises

Practice what you've learned