CSS Gradients and Shadows

linear-gradient()

background: linear-gradient(direction, color-1, color-2, ...);

Creates an image using a mixture of colors.

text-shadow

text-shadow: x-offset y-offset blur color;

Add shadow effects to text.

box-shadow

box-shadow: inset x-offset y-offset blur spread color;

Set a shadow around an element.

drop-shadow()

filter: drop-shadow(x-offset y-offset blur color);

Applies a drop-shadow to html element.