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 › CSS Triangle Generator

CSS Triangle Generator

Genera código CSS puro para triángulos en cualquier dirección y color.

Diseño

Cómo usar

  1. Elige una dirección.
  2. Define el tamaño y el color.
  3. Copia el código CSS generado.

Casos de uso

Los triángulos CSS se construyen con bordes transparentes: no se necesitan imágenes.

Nada se sube: todo se procesa localmente en tu 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 box-shadow Construye visualmente box-shadow CSS. Sombra Generador text-shadow Construye text-shadow CSS. Sombra