Box shadow

A propriedade CSS3 border-shadow destina-se a definir sombras em boxes.

A sintaxe geral para aplicar sombras é mostrada a seguir.

seletor { box-shadow: inset offsetX offsetY raioBlur spread cor; } 

Interativo

Acione os sliders e faça escolhas nos campos para definir os valores para a sombra:

inset?       spread? -50 -20 -5 -2 0 2 5 20 50 px      cor? black red green blue orange

offsetX = 0 offsetY = 0 raioBlur = 0

seletor { box-shadow: 0 0 0 0 none; }