HeronTool
Italiano▾
Accedi
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
Home › Risorse di design › CSS Speech Bubble Generator

CSS Speech Bubble Generator

Genera un fumetto CSS con colori e posizione della freccia personalizzabili.

Design

Come usare

  1. Imposta colori e angoli arrotondati.
  2. Scegli la direzione della freccia.
  3. Copia il CSS e le classi HTML.

Casi d'uso

Fumetti, tooltip e callout — solo CSS con una freccia ::after.

Nulla viene caricato: tutto è elaborato localmente nel tuo browser.

Commento / Segnala / Le mie annotazioni

Accedi prima — Accedi

Accedi prima — Accedi

Accedi prima — Accedi

Strumenti correlati
Generatore gradienti Genera gradienti CSS lineari/radiali con anteprima live. Gradiente Anteprima font Scrivi testo e cambia famiglia di font per l'anteprima live. Font Cerca icone Cerca icone Tabler e copiane il SVG con un clic. Icona Generatore palette Costruisci una palette armoniosa (analoga/complementare) da un colore base. Palette Generatore mockup Trascina un URL o uno screenshot in una cornice mockup di dispositivo. Mockup Contrasto colori Controlla il contrasto WCAG del testo sullo sfondo. Contrasto Generatore box-shadow Costruisci visivamente box-shadow CSS. Ombra Generatore text-shadow Costruisci text-shadow CSS. Ombra