Crea hermosas sombras de cuadro CSS sin esfuerzo
Genere impresionantes sombras de cuadro con nuestra interfaz intuitiva. Copie el código CSS y utilícelo en sus proyectos al instante.
Preview
Sombra
Personalízame
CSS Salida
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Controles
Position
Size
Color
Options
Presets
Sombra suave Sombra
sombra
Sombra
Sombra
nítido
Contorno
Sombra doble
Efecto
Cómo usar
controles
- Ajustar eldesplazamiento horizontalpara mover la sombra hacia la izquierda o
- Ajuste eldesplazamientopara mover la sombra hacia arriba o hacia abajo
- Aumente eldesenfoquepara suavizar la sombra
- Use Radio depara aumentar o disminuir el Tamaño total de la sombra
- Cambie elColor and Opacitypara personalizar la apariencia
Funciones
- Enable Sombrainsertada para crear un efecto
- Use Múltiples sombraspara efectos
- Guardar y cargarPresetspara un acceso rápido a tus sombras
- Click Sombrapara inspirarse
- Copie el código CSS generado y péguelo en su proyecto
Related Tools
Genera transformaciones CSS3 con facilidad
Una herramienta potente e intuitiva para crear transformaciones CSS3 complejas sin necesidad de escribir código. Visualiza los cambios en tiempo real y copia el CSS generado para utilizarlo en tus proyectos.
Conversor de stylus a CSS
Transforma tu código SCSS en CSS. Rápido, fácil y seguro.
Convertidor de SCSS a CSS
Transforme su código SCSS en CSS. Rápido, fácil y seguro.
Generador de radio de borde
Una herramienta generadora de CSS para radios de borde que permite generar rápidamente declaraciones CSS para radios de borde.
Convertidor de potencia reactiva
Convierta potencia reactiva entre diferentes unidades con precisión y facilidad.
Convertidor de Base64 a CSV
Convierte datos CSV codificados en Base64 en archivos CSV descargables al instante. Funciona localmente en tu navegador sin necesidad de cargar datos.