HeronTool
Español▾
Iniciar sesión
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
Inicio › Recursos de diseño › Generador box-shadow

Generador box-shadow

Construye visualmente box-shadow CSS.

Sombra CSS Generar Diseño

Cómo usar

  1. Elige colores u opciones
  2. Vista previa en vivo
  3. Copia el CSS

Casos de uso

Diseño rápido y generación de CSS.

Calculado y previsualizado en el navegador.

Comentario / Informar / Mis anotaciones

Inicia sesión primero — Iniciar sesión

Inicia sesión primero — Iniciar sesión

Inicia sesión primero — Iniciar sesión

Herramientas relacionadas
Generador de degradados Genera degradados CSS lineales/radiales con vista previa en vivo. Degradado Vista previa de fuentes Escribe texto y cambia la familia de fuente para previsualizar en vivo. Fuente Buscador de iconos Busca iconos de Tabler y copia su SVG en un clic. Icono Generador de paletas Crea una paleta armónica (análoga/complementaria) desde un color base. Paleta Generador de maquetas Arrastra una URL o una captura de pantalla a un marco mockup de dispositivo. Mockup Contraste de colores Comprueba el contraste WCAG del texto sobre el fondo. Contraste Generador text-shadow Construye text-shadow CSS. Sombra Radio de borde Genera CSS border-radius. Radio