UNPKG

805 BSCSSView Raw
1@include keyframes(zoomInPulse) {
2 from {
3 -webkit-transform: scale3d(1, 1, 1);
4 transform: scale3d(1, 1, 1);
5 }
6 50% {
7 -webkit-transform: scale3d(1.8, 1.8, 1.8);
8 transform: scale3d(1.8, 1.8, 1.8);
9 }
10 to {
11 -webkit-transform: scale3d(1.4, 1.4, 1.4);
12 transform: scale3d(1.4, 1.4, 1.4);
13 }
14}
15// 用在icon放大再缩小效果
16@mixin zoomInPulse($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
17 @include animation-name(zoomInPulse);
18 @include count($count);
19 @include duration($duration);
20 @include delay($delay);
21 @include function($function);
22 @include fill-mode($fill);
23 @include visibility($visibility);
24}