15 lines
1.3 KiB
HTML
15 lines
1.3 KiB
HTML
<div class="radar-illustration" data-radar-illustration aria-hidden="true">
|
|
<svg viewBox="0 0 320 320" focusable="false">
|
|
<defs>
|
|
<radialGradient id="radar-glow" cx="50%" cy="50%" r="50%"><stop offset="0" stop-color="currentColor" stop-opacity=".16" /><stop offset="1" stop-color="currentColor" stop-opacity="0" /></radialGradient>
|
|
<linearGradient id="radar-sweep" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="currentColor" stop-opacity=".55" /><stop offset="1" stop-color="currentColor" stop-opacity="0" /></linearGradient>
|
|
</defs>
|
|
<circle class="radar-illustration-glow" cx="160" cy="160" r="150" fill="url(#radar-glow)" />
|
|
<g class="radar-illustration-grid" fill="none"><circle cx="160" cy="160" r="118" /><circle cx="160" cy="160" r="82" /><circle cx="160" cy="160" r="45" /><path d="M42 160h236M160 42v236" /></g>
|
|
<path class="radar-illustration-sweep" d="M160 160V42a118 118 0 0 1 83.4 34.6Z" fill="url(#radar-sweep)" />
|
|
<g class="radar-illustration-signals"><circle cx="224" cy="101" r="5" /><circle cx="103" cy="184" r="4" /><circle cx="201" cy="222" r="3" /></g>
|
|
<circle class="radar-illustration-core" cx="160" cy="160" r="7" />
|
|
</svg>
|
|
<span class="radar-illustration-orbit orbit-one"></span><span class="radar-illustration-orbit orbit-two"></span>
|
|
</div>
|