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 Speech Bubble Generator

CSS Speech Bubble Generator

Genera una burbuja de diálogo CSS con colores y posición de la flecha personalizables.

Diseño

Cómo usar

  1. Configura los colores y el radio.
  2. Elige hacia dónde apunta la flecha.
  3. Copia el CSS y las clases HTML.

Casos de uso

Burbujas de chat, tooltips y anotaciones: CSS puro con una flecha ::after.

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