Contents

// scale animation
@mixin scale {
  0% {
    @include transform(scale(1.0));
  }
  50% {
    @include transform(scale(2.0));
  }
  100% {
    @include transform(scale(1.0));
  }
}
@-webkit-keyframes scale { @include scale; }
   @-moz-keyframes scale { @include scale; }
        @keyframes scale { @include scale; }

@mixin slide {
  0% {
    left: 0;
  }
  50% {
    left: 100px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes slide { @include slide; }
   @-moz-keyframes slide { @include slide; }
        @keyframes slide { @include slide; }

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
bourbon-2.1.0	stylesheets/sass/_animation-keyframes.scss