Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
// ----
// Sass (v3.3.2)
// Compass (v1.0.0.alpha.18)
// ----
$blockSize: 10px;
@keyframes move {
@for $i from 1 through 29 {
$percent: percentage($i/ 29);
#{$percent}{
@if ($i < 10){
top:$i * $blockSize;
}
@else if ($i < 16){
top:9 * $blockSize;
left:($i - 10) * $blockSize;
}
@else if ($i < 23){
top:(22 - $i) * $blockSize;
left:($i - 10) * $blockSize;
right:0;
}
}
}
}
@keyframes move {
3.44828% {
top: 10px;
}
6.89655% {
top: 20px;
}
10.34483% {
top: 30px;
}
13.7931% {
top: 40px;
}
17.24138% {
top: 50px;
}
20.68966% {
top: 60px;
}
24.13793% {
top: 70px;
}
27.58621% {
top: 80px;
}
31.03448% {
top: 90px;
}
34.48276% {
top: 90px;
left: 0px;
}
37.93103% {
top: 90px;
left: 10px;
}
41.37931% {
top: 90px;
left: 20px;
}
44.82759% {
top: 90px;
left: 30px;
}
48.27586% {
top: 90px;
left: 40px;
}
51.72414% {
top: 90px;
left: 50px;
}
55.17241% {
top: 60px;
left: 60px;
right: 0;
}
58.62069% {
top: 50px;
left: 70px;
right: 0;
}
62.06897% {
top: 40px;
left: 80px;
right: 0;
}
65.51724% {
top: 30px;
left: 90px;
right: 0;
}
68.96552% {
top: 20px;
left: 100px;
right: 0;
}
72.41379% {
top: 10px;
left: 110px;
right: 0;
}
75.86207% {
top: 0px;
left: 120px;
right: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.