Gerador de Box Shadow CSS

Ajuste visualmente parâmetros de box-shadow, visualize o efeito em tempo real e copie o código CSS gerado. Grátis, direto no navegador.

水平偏移4px
垂直偏移4px
模糊半径12px
扩展半径0px
透明度20%
box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.20);

Ferramentas de Design · Ferramentas relacionadas

→
Gradiente CSS

Editor de gradientes
Border Radius CSS

Ajuste visual de cantos
Glassmorphism CSS

backdrop-filter vidro fosco
CSS Flexbox

Layout flex visual
CSS Grid

Layout grid visual
Filtros CSS

Ajuste de efeitos filter