1<div class="bubble">2 <span></span><span></span><span></span>3</div>4
5<style>6 .bubble{display:inline-flex;gap:6px;padding:14px 18px;border-radius:18px 18px 18px 4px;7 background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}8 .bubble span{width:9px;height:9px;border-radius:50%;background:#a78bfa;animation:ty 1.2s infinite}9 .bubble span:nth-child(2){animation-delay:.2s}10 .bubble span:nth-child(3){animation-delay:.4s}11 @keyframes ty{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-7px);opacity:1}}12</style>Keine Installation, kein Build-Step — reine Standards, sofort einsatzbereit.
Klicke oben auf „Code kopieren“ — HTML und CSS landen in deiner Zwischenablage.
Füge das Markup an der gewünschten Stelle deiner Seite oder Komponente ein.
Übernimm den <style>-Block bzw. die Klassen in deine Stylesheet-Datei.
Aus derselben Kategorie oder mit passenden Tags.
Melde dich an, um zu kommentieren.