Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// ----

// Silent placeholder, doesn't behave as expected, or I'm being daft.
%animated-shake {
    @at-root {
      @keyframes shake {
        0%, 100% {
         transform: translate3d(0, 0, 0);
       }

       10%, 30%, 50%, 70%, 90% {
         transform: translate3d(-10px, 0, 0);
       }

       20%, 40%, 60%, 80% {
         transform: translate3d(10px, 0, 0);
       }
     }
   }
   animation-name: shake;
 }
 // Silent placeholder, behaves as expected.
 %silent {
   background:red;
 }

SassMeister-output.css

@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}