28 lines
631 B
SCSS
28 lines
631 B
SCSS
@mixin bounce-in {
|
|
0% {
|
|
opacity: 0;
|
|
@include transform(scale(.3));
|
|
}
|
|
|
|
50% {
|
|
opacity: 1;
|
|
@include transform(scale(1.05));
|
|
}
|
|
|
|
100% {
|
|
@include transform(scale(1));
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes bounce-in { @include bounce-in(); }
|
|
@-webkit-keyframes bounce-in { @include bounce-in(); }
|
|
@-o-keyframes bounce-in { @include bounce-in(); }
|
|
@keyframes bounce-in { @include bounce-in();}
|
|
|
|
@mixin bounce-in-animation($duration, $timing: ease-in-out) {
|
|
@include animation-name(bounce-in);
|
|
@include animation-duration($duration);
|
|
@include animation-timing-function($timing);
|
|
@include animation-fill-mode(both);
|
|
}
|