<div>hogehoge</div>
* {
margin: 0;
padding: 0;
}
div {
width: 100%;
height: 100vh;
background: linear-gradient(125deg, #fdff9c 0%, #0500ff 100%),
linear-gradient(180deg, #d3d3d3 0%, #161616 100%),
linear-gradient(
310deg,
#00f0ff 0%,
#00f0ff 20%,
#0017e3 calc(20% + 1px),
#0017e3 40%,
#000f8f calc(40% + 1px),
#000f8f 70%,
#00073f calc(70% + 1px),
#00073f 100%
),
linear-gradient(
285deg,
#ffb6b9 0%,
#ffb6b9 35%,
#fae3d9 calc(35% + 1px),
#fae3d9 45%,
#bbded6 calc(45% + 1px),
#bbded6 65%,
#61c0bf calc(65% + 1px),
#61c0bf 100%
);
background-blend-mode: overlay, overlay, exclusion, normal;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.