Generador de códigos QR
Construya visualmente valores de box-shadow de CSS con vista previa en vivo — admite múltiples capas.
Acerca de esta herramienta
Diseñe sombras CSS sin adivinar números. Ajuste los desplazamientos horizontal y vertical, el radio de desenfoque, la extensión, el color y la opción inset de forma interactiva. Apile múltiples capas de sombra para efectos de profundidad sofisticados. Una tarjeta de vista previa en vivo muestra el resultado al instante y la declaración CSS completa siempre está lista para copiar.
Cómo usar
- 1 Ajuste los controles deslizantes de desplazamiento, desenfoque y extensión en la primera capa.
- 2 Elija un color de sombra y active inset si es necesario.
- 3 Haga clic en 'Agregar capa' para apilar sombras adicionales para efectos complejos.
- 4 Copie la declaración CSS de box-shadow y péguela en su hoja de estilos.
Preguntas frecuentes
Construya visualmente gradientes CSS lineales y radiales y copie la propiedad CSS lista para usar.
Convierte colores entre HEX, RGB, HSL, HSV y CMYK — con vista previa en tiempo real.
Genere paletas de colores armoniosas — complementarias, triádicas, análogas y complementarias divididas — a partir de cualquier color base.