Разработка Preloader в виде Атома

[baltun]

baltun разместил(а) новый ресурс:

Preloader в виде Атома - Preloader в виде Атома.

Пишем код HTML:

<div class="pl">
    <svg class="pl__rings" viewBox="0 0 128 128" width="128px" height="128px">
        <g fill="none" stroke-linecap="round" stroke-width="4">
            <g class="pl__ring" transform="rotate(0)">
                <ellipse class="pl__orbit" cx="64" cy="64" rx="60" ry="30" stroke="hsla(223,90%,50%,0.3)" />
                <ellipse class="pl__orbit" cx="64" cy="64" rx="60" ry="30" stroke="hsla(223,90%,50%,0.5)" stroke-dasharray="50 240" />...

Посмотреть страницу этого ресурса...

 

[Bingo]

Выглядит вполне достойно!