1<div class="relative h-64 w-[440px] overflow-hidden rounded-2xl bg-[#0a0a12]"2 style="background-image:radial-gradient(rgba(255,255,255,.18) 1.4px,transparent 1.4px);background-size:20px 20px">3 <div class="absolute inset-0" style="background:radial-gradient(circle at center,transparent 30%,#0a0a12 85%)"></div>4 <div class="absolute inset-0 flex items-center justify-center">5 <span class="rounded-full border border-white/10 bg-white/5 px-4 py-1.5 text-sm text-white/80 backdrop-blur">Dot Grid</span>6 </div>7</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.
Ein interaktiver Spotlight, der dem Mauszeiger über ein dezentes Punktraster folgt und die Marken-Akzente enthüllt.