radial-gradient css example

A well-placed radial gradient can add depth, focus, or subtle motion to a layout — but only if you can control exactly where it starts and how far it spreads. After wrestling with CSS’s gradient syntax more times than I care to admit, I finally landed on a pattern that gives me precise radius control and pixel-perfect positioning. The snippet below is the version I never want to lose again, so I’m documenting it here before it slips into the void of forgotten code.