HeronTool
Français▾
Connexion
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
Accueil › Ressources design › CSS Speech Bubble Generator

CSS Speech Bubble Generator

Générez une bulle de dialogue CSS avec des couleurs et une position de flèche personnalisables.

Design

Comment utiliser

  1. Définissez les couleurs et le rayon des coins.
  2. Choisissez la direction de la flèche.
  3. Copiez le code CSS et les classes HTML.

Cas d'usage

Bulles de dialogue, infobulles et encadrés — 100 % CSS avec une flèche en ::after.

Rien n'est téléversé — tout est traité localement dans votre navigateur.

Commentaire / Signaler / Mes annotations

Veuillez vous connecter d'abord — Connexion

Veuillez vous connecter d'abord — Connexion

Veuillez vous connecter d'abord — Connexion

Outils connexes
Générateur de dégradés Générez des dégradés CSS linéaires/radiaux avec aperçu en direct. Dégradé Aperçu de polices Saisissez du texte et changez de police pour un aperçu en direct. Police Recherche d'icônes Recherchez les icônes Tabler et copiez leur SVG en un clic. Icône Générateur de palettes Construisez une palette harmonieuse (analogique/complémentaire) à partir d'une couleur de base. Palette Générateur de maquettes Glissez une URL ou une capture d'écran dans un cadre de maquette d'appareil. Mockup Contraste des couleurs Vérifiez le contraste WCAG du texte sur un fond. Contraste Générateur box-shadow Construisez visuellement une box-shadow CSS. Ombre Générateur text-shadow Construisez une text-shadow CSS. Ombre