Radar Scan Loader

HTML_STRUCTURE

<div class='bh-load-v1-radar'></div>

CSS_STYLING

.bh-load-v1-radar { width: 50px; height: 50px; border: 2px solid #111; border-radius: 50%; position: relative; overflow: hidden; } .bh-load-v1-radar::after { content: ''; position: absolute; width: 100%; height: 100%; background: conic-gradient(from 0deg, transparent, #00ff88); animation: bh-v1-radar-rot 2s linear infinite; transform-origin: center; } @keyframes bh-v1-radar-rot { to { transform: rotate(360deg); } }

// DESIGN_NOTES: Komponen ini menggunakan CSS variabel untuk memudahkan kustomisasi warna dan transisi.