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

0px
4px

Size

6px
-1px

Color

10%

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

Generador de transiciones CSS3

Transición de opacidad suave

Crea hermosos degradados CSS sin esfuerzo

Genera impresionantes degradados lineales, radiales y cónicos con nuestra interfaz intuitiva. Copia el código CSS y utilízalo en tus proyectos al instante.

Convertidor de Less a CSS

Transforme su código Less en CSS. Rápido, fácil y seguro.

Crea avisos legales personalizados

Genera avisos legales completos adaptados a tu sitio web, aplicación o servicio.

ASCII a binario

Convierte caracteres ASCII a código binario sin esfuerzo.

Herramienta decodificadora Base64

Genera hash de contraseñas seguras para WordPress