Keyframes example

gistfile1.scss

@include keyframes( bounceIn ) {
        0% {
            opacity: 0;
            @include transform( .3 );
            @include box-shadow( 0 0 1px rgba( 0, 0, 0, .45 ) );
        }
        
        50% {
            opacity: 1;
            @include transform( scale(1.05) );
            @include box-shadow( 0 0 5px rgba( 0, 0, 0, .45 ) );
        }
        
        70% {
            @include transform( scale(.9) );
             @include box-shadow( 0 0 3px rgba( 0, 0, 0, .45 ) );

        }
        
        100% {
            @include transform( scale(1) );

        }
    }
    
.animate-me {
  @include animation-name( bounceIn );
  @include animation-fill-mode( both );
  @include animation-duration( 1s );
}