# Finishing Touches: Rounded Corners, Shadows and Gradients

border-radius rounds corners, a soft layered box-shadow lifts a card off the page, linear-gradient() and radial-gradient() blend colors in a background, and opacity fades a whole element, and each looks best used sparingly.

![Cheat sheet: Finishing Touches: Rounded Corners, Shadows and Gradients](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/aa8e77dee17b41559a336b3fde4422ba.webp)

- Category: CSS
- Level: Apprentice
- Tags: Border radius, Box shadow, CSS, Linear gradient, Opacity, Radial gradient, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-shadows-corners-gradients-cheat-sheet