emilia
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More idiomatic SCSS in animation

This commit is contained in:
Emilia Allison 2022-10-02 14:44:42 -04:00
parent 1882e1d156
commit 1f07fd9926
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
1 changed files with 4 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/cool-stuff/css-purgatory/waltuh/scss/waltuh.scss
View File

@ -223,32 +223,10 @@ footer {
from { from {
background-position: 6em 0em; background-position: 6em 0em;
} }
10% { @for $i from 1 through 9 {
background-position: $r*math.cos(1*$pd) $r*math.sin(1*$pd); #{$i*10}% {
background-position: $r*math.cos($i*$pd) $r*math.sin($i*$pd);
} }
20% {
background-position: $r*math.cos(2*$pd) $r*math.sin(2*$pd);
}
30% {
background-position: $r*math.cos(3*$pd) $r*math.sin(3*$pd);
}
40% {
background-position: $r*math.cos(4*$pd) $r*math.sin(4*$pd);
}
50% {
background-position: $r*math.cos(5*$pd) $r*math.sin(5*$pd);
}
60% {
background-position: $r*math.cos(6*$pd) $r*math.sin(6*$pd);
}
70% {
background-position: $r*math.cos(7*$pd) $r*math.sin(7*$pd);
}
80% {
background-position: $r*math.cos(8*$pd) $r*math.sin(8*$pd);
}
90% {
background-position: $r*math.cos(9*$pd) $r*math.sin(9*$pd);
} }
to { to {
background-position: 6em 0em; background-position: 6em 0em;