HeronTool
Türkçe▾
Giriş
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
Ana sayfa › Tasarım kaynakları › CSS Speech Bubble Generator

CSS Speech Bubble Generator

Generate a CSS speech bubble with customizable colors and arrow position.

Tasarım

Nasıl kullanılır

  1. Set colors and radius.
  2. Pick where the arrow points.
  3. Copy the CSS and HTML classes.

Kullanım senaryoları

Chat bubbles, tooltips and callouts — pure CSS with a ::after arrow.

Hiçbir şey yüklenmez — her şey tarayıcınızda yerel olarak işlenir.

Yorum / Bildir / Notlarım

Önce giriş yapın — Giriş

Önce giriş yapın — Giriş

Önce giriş yapın — Giriş

İlgili araçlar
Degrade üretici Canlı önizlemeyle doğrusal/radyal CSS gradyanları üretir. Gradyan Yazı tipi önizleme Metin yazın ve canlı önizleme için yazı tipini değiştirin. Yazı tipi İkon arayıcı Tabler simgelerini arayın ve SVG'lerini tek tıkla kopyalayın. Simge Renk paleti üretici Temel renkten uyumlu bir palet (benzer/tamamlayıcı) oluşturun. Palet Mockup üretici Cihaz mockup çerçevesine URL veya ekran görüntüsü sürükleyin. Mockup Renk kontrastı Metnin arka plandaki WCAG kontrastını kontrol eder. Kontrast box-shadow üretici CSS box-shadow'u görsel oluşturur. Gölge text-shadow üretici CSS text-shadow oluşturur. Gölge