Обсуждение участника:Aylong: различия между версиями
Aylong (обсуждение | вклад) мНет описания правки |
Aylong (обсуждение | вклад) мНет описания правки |
||
| Строка 1: | Строка 1: | ||
<div style="display: inline-flex; background: var(--color-bg);"> | <div style="position: relative; display: inline-flex; background: var(--color-bg); z-index: -3"> | ||
<div style="background: var(--color-base);"> | <div style="background: var(--color-base); z-index: -2"> | ||
<div style="width: 200px; height: 200px; background: var(--color-second-fill);"></div> | <div style="width: 200px; height: 200px; background: var(--color-second-fill);"></div> | ||
<div style="position:relative; width: 200px; height: 200px; background: var(--color-second-blur);"><div style="position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; background: #111111; border-radius: 9999px; z-index: -1;"></div></div> | <div style="position:relative; width: 200px; height: 200px; background: var(--color-second-blur);"><div style="position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; background: #111111; border-radius: 9999px; z-index: -1;"></div></div> | ||
<div style="position:relative; width: 200px; height: 200px; background: var(--color-second);"><div style="position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; background: #111111; border-radius: 9999px; z-index: -1;"></div></div> | <div style="position:relative; width: 200px; height: 200px; background: var(--color-second);"><div style="position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; background: #111111; border-radius: 9999px; z-index: -1;"></div></div> | ||
</div> | </div> | ||
<div> | <div style="z-index: -2;> | ||
<div style="width: 200px; height: 200px; background: var(--color-base-fill);"></div> | <div style="width: 200px; height: 200px; background: var(--color-base-fill);"></div> | ||
<div style="position:relative; width: 200px; height: 200px; background: var(--color-base-blur);"><div style="position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; background: #111111; border-radius: 9999px; z-index: -1;"></div></div> | <div style="position:relative; width: 200px; height: 200px; background: var(--color-base-blur);"><div style="position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; background: #111111; border-radius: 9999px; z-index: -1;"></div></div> | ||