🎨 Todo funciona en tu navegador. Sin instalar nada, sin registro.
Desplazamiento X0px
Desplazamiento Y8px
Desenfoque20px
Extensión-4px
Opacidad20%
box-shadow: 0px 8px 20px -4px rgba(15, 23, 42, 0.20);
Una sombra natural suele caer recta hacia abajo (desplazamiento X de 0) y usa un azul marino tenue en vez de negro, algo más oscuro que el fondo. Las sombras negras puras se ven turbias.
Qué hace esta herramienta
- Desplazamiento, desenfoque, extensión y color
- Admite sombras interiores (inset)
- Ajustes naturales de varias capas
- Copia el CSS
Otras herramientas de color
Generador de degradados CSSCrea un degradado CSS con dos o tres coloresBuscador de nombres de color¿Cuál es el nombre más cercano a este color?Conversor de temperatura de colorMira qué aspecto tiene realmente un valor en kelvinGenerador de paletas de coloresSaca los colores que combinan con uno base, por regla
Los colores pueden verse algo distintos según tu pantalla y su perfil de color.