<div class="valuable"></div>
.valuable {
--s: 80px;
position: fixed;
inset: 0;
display: grid;
background: #EDC951;
}
.valuable:before {
content:"";
margin-top: calc(var(--s)/4);
background:
conic-gradient(from -41deg,#a788e0 20deg,#cdb1fe 0 62deg,#a586e0 0 82deg,#0000 0)
0 calc(var(--s)/4),
conic-gradient(from 150deg at 75% 75%,#c3abf1 52deg,#0000 0) 0 calc(var(--s)/4),
conic-gradient(from 158deg at 25% 75%,#cfafff 52deg,#0000 0) 0 calc(var(--s)/4),
conic-gradient(from 143deg at 50% 75%,#e9e5ff 74deg,#0000 0) 0 calc(var(--s)/4),
conic-gradient(from -40deg at 66.5% 27%,#ddd3f7 60deg,#0000 0),
conic-gradient(from -20deg at 33.5% 27%,#dcd2fe 60deg,#0000 0);
background-size: calc(1.1547*var(--s)) var(--s);
filter: drop-shadow(0 0 7px #0005);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.