czajkovsky · June 16, 2015 08:07
diff --git a/SassMeister-input-HTML.haml b/SassMeister-input-HTML.haml
 .box
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.4.14)
 // Compass (v1.0.3)
 // ----

 @keyframes move {
  0%   { left:0px; top:0px;}
  25%  { left:200px; top:0px;}
  50%  { left:200px; top:200px;}
  75%  { left:0px; top:200px;}
  100% { left:0px; top:0px;}
 }

 .box {
  width: 20px;
  height: 20px;
  background: #f00;
  position: relative;
  background-color: red;
  animation-name: move;
  animation-duration: 4s;
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 @keyframes move {
  0% {
    left: 0px;
    top: 0px;
  }
  25% {
    left: 200px;
    top: 0px;
  }
  50% {
    left: 200px;
    top: 200px;
  }
  75% {
    left: 0px;
    top: 200px;
  }
  100% {
    left: 0px;
    top: 0px;
  }
 }
 .box {
  width: 20px;
  height: 20px;
  background: #f00;
  position: relative;
  background-color: red;
  animation-name: move;
  animation-duration: 4s;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div class='box'></div>