Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

@mixin keyframes($animationName) {
@-webkit-keyframes #{$animationName} {
    $browser: '-webkit-'!global;
    @content;
}
@-moz-keyframes #{$animationName} {
    $browser: '-moz-'!global;
    @content;
}
@-o-keyframes #{$animationName} {
    $browser: '-o-'!global;
    @content;
}
@keyframes #{$animationName} {
    $browser: ''!global;
    @content;
}
} $browser: null;
@include keyframes(animation-name) {
   0% {
       #{$browser}transform: translate3d(100%, 0, 0);
   }
   100% {
      #{$browser}transform: translate3d(0%, 0, 0);
   }
}

SassMeister-output.css

@-webkit-keyframes animation-name {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0%, 0, 0);
  }
}

@-moz-keyframes animation-name {
  0% {
    -moz-transform: translate3d(100%, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0%, 0, 0);
  }
}

@-o-keyframes animation-name {
  0% {
    -o-transform: translate3d(100%, 0, 0);
  }
  100% {
    -o-transform: translate3d(0%, 0, 0);
  }
}

@keyframes animation-name {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(0%, 0, 0);
  }
}