Generador de Sombra y Radio de Borde CSS

Diseña una sombra (box-shadow) y un radio de borde CSS de forma visual con controles deslizantes en directo, y después copia el CSS generado.

Preguntas frecuentes

¿Esta herramienta es gratuita?

Sí. Las herramientas de Calchemy son gratuitas y funcionan en tu navegador.

¿Se suben mis datos?

No. Las herramientas están diseñadas para funcionar de forma local en tu navegador, salvo que se indique claramente lo contrario.

¿Qué controlan los controles deslizantes?

El desplazamiento horizontal y vertical mueve la sombra, el desenfoque suaviza su borde, y la expansión la agranda o la reduce antes de desenfocarla: los mismos parámetros que la propiedad CSS box-shadow.

¿Qué hace la opción de sombra interior?

Coloca la sombra dentro del borde del elemento en lugar de fuera, para un efecto de hundido.