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.

Updated

Cheat sheet: Finishing Touches: Rounded Corners, Shadows and Gradients
Category
CSS
Level
Apprentice
Tags
Border radius, Box shadow, CSS, Linear gradient, Opacity, Radial gradient, web-development