CSS — Shadows

Shadows add depth and make elements stand out on a webpage. CSS provides two main types of shadows: box-shadow for elements like divs, cards, or buttons, and text-shadow for text. Adding a shadow can make an element look more modern and visually appealing. You can control the shadow's position, blur effect, and color. For example, a light shadow can give a subtle lifted effect, while a darker shadow creates a bold, dramatic look. Shadows are great for making designs feel more realistic and layered.

.card { box-shadow: 2px 2px 8px #ccc; }
h1 { text-shadow: 1px 1px 3px gray; }