Generador de box-shadow CSS
Ajusta los parámetros de una sombra proyectada CSS y obtén al instante el valor box-shadow correspondiente, con vista previa en vivo. Procesamiento 100% local en tu navegador (WebAssembly) — nada se envía a un servidor.
Cómo funciona
La propiedad CSS box-shadow acepta un desplazamiento horizontal, un desplazamiento vertical, un radio de desenfoque, un radio de expansión, un color, y una palabra clave opcional "inset" para una sombra interna. Esta herramienta compone estos valores en vivo para evitarte tener que adivinar los ajustes correctos a mano.
¿Cuál es la diferencia entre el desenfoque y la expansión?
El desenfoque suaviza los bordes de la sombra haciéndolos progresivos, mientras que la expansión agranda o reduce el tamaño de la sombra antes de aplicar el desenfoque.
¿Para qué sirve la opción "inset"?
Transforma la sombra proyectada en una sombra interna, proyectada dentro del elemento, a menudo utilizada para dar un efecto de hueco o de campo de entrada.
Procesamiento 100% local: el cálculo se realiza íntegramente en tu navegador mediante WebAssembly, sin ningún envío de datos a un servidor.