fix: Use css pseudo-elements

This commit is contained in:
Tim-Niclas Oelschläger 2024-01-25 22:50:24 +01:00
parent d907579c03
commit 4d47164568

View File

@ -155,56 +155,56 @@ const { animation = animations[Math.floor(Math.random() * animations.length)] }
&:nth-child(1n) {
animation-delay: -0.036s;
}
&:nth-child(1n):after {
&:nth-child(1n)::after {
top: 125px;
left: 125px;
}
&:nth-child(2n) {
animation-delay: -0.072s;
}
&:nth-child(2n):after {
&:nth-child(2n)::after {
top: 135px;
left: 111px;
}
&:nth-child(3n) {
animation-delay: -0.108s;
}
&:nth-child(3n):after {
&:nth-child(3n)::after {
top: 141px;
left: 95px;
}
&:nth-child(4n) {
animation-delay: -0.144s;
}
&:nth-child(4n):after {
&:nth-child(4n)::after {
top: 143px;
left: 79px;
}
&:nth-child(5n) {
animation-delay: -0.18s;
}
&:nth-child(5n):after {
&:nth-child(5n)::after {
top: 141px;
left: 63px;
}
&:nth-child(6n) {
animation-delay: -0.216s;
}
&:nth-child(6n):after {
&:nth-child(6n)::after {
top: 135px;
left: 47px;
}
&:nth-child(7n) {
animation-delay: -0.252s;
}
&:nth-child(7n):after {
&:nth-child(7n)::after {
top: 125px;
left: 33px;
}
&:nth-child(8n) {
animation-delay: -0.288s;
}
&:nth-child(8n):after {
&:nth-child(8n)::after {
top: 111px;
left: 23px;
}