• Previous CSS Tip
• Next CSS Tip

CSS-only gradient shadows

An online tool to create fancy CSS shadows with gradients coloration. Get the code in One click 🌟

• Works with transparency
• Works with border-radius

css-generators.com/gradient-shadows

See the Pen Updating inset instead of 3D transform by Temani Afif (@t_afif) on CodePen.

More detail: css-tricks.com/different-ways-to-get-css-gradient-shadows

More CSS Tips

• Color shades using color-mix()
• Color switch using color-mix()
• CSS shapes: Polygon & Starburst
• A border-only Tooltip using mask & clip-path
• A rainbow gradient animation
• Card reveal animation