1<div class="relative h-64 w-[440px] overflow-hidden rounded-2xl bg-[#0a0a12]">2 <div class="absolute -left-10 -top-10 h-56 w-56 rounded-full bg-violet-600/50 blur-3xl"></div>3 <div class="absolute -bottom-16 left-1/3 h-56 w-56 rounded-full bg-fuchsia-500/40 blur-3xl"></div>4 <div class="absolute -right-10 top-1/4 h-56 w-56 rounded-full bg-cyan-500/40 blur-3xl"></div>5 <div class="absolute inset-0 flex items-center justify-center">6 <span class="text-lg font-semibold tracking-wide text-white/90">Mesh</span>7 </div>8</div>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.
Hinweis: Diese Komponente nutzt Tailwind-Utility-Klassen. Stelle sicher, dass Tailwind in deinem Projekt eingebunden ist — per npx tailwindcss oder CDN cdn.tailwindcss.com (nur für Prototypen).
Aus derselben Kategorie oder mit passenden Tags.
Melde dich an, um zu kommentieren.