A CSS radial gradient is a background image that transitions colors radiating from an origin point, defined by a circle or ellipse. It allows for complex visual effects by specifying multiple color stops, shapes, sizes, and positions, enhancing web design aesthetics without additional image files.