How to draw a snowflake in pure CSS

first structure

<div class=”container”>
<div class=”stroke stroke-1"></div>
<div class=”stroke stroke-2"></div>
<div class=”stroke stroke-3"></div>
<div class=”stroke stroke-4"></div>
</div>
.stroke{
height: 300px;
width: 10px;
background-color: snow;
position: absolute;
}


.stroke-2{
transform: rotate(90deg);
}
.stroke-3{
transform: rotate(45deg);
}
.stroke-4{
transform: rotate(-45deg);
}

gives you a basic shit of “*”

then you use pseudo class to do simple shitty magic

the most important thing is that you have the box, then you make two of its border as 0px, which makes the shape looks like ‘L’

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.