Generated by SassMeister.com.

SassMeister-input.scss

// ----
// 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;
      }
    }
  }
}

SassMeister-output.css

@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;
  }
}