init
This commit is contained in:
24
uni_modules/nutui-uni/styles/mixins/make-animation.scss
Normal file
24
uni_modules/nutui-uni/styles/mixins/make-animation.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
@mixin make-animation(
|
||||
$keyframeName,
|
||||
$timingFun: $animation-timing-fun,
|
||||
$duration: $animation-duration
|
||||
) {
|
||||
.#{$keyframeName}-enter-active,
|
||||
.#{$keyframeName}In,
|
||||
.#{$keyframeName}-leave-active,
|
||||
.#{$keyframeName}Out {
|
||||
animation-duration: $duration;
|
||||
animation-fill-mode: both;
|
||||
animation-timing-function: $timingFun;
|
||||
}
|
||||
|
||||
.#{$keyframeName}-enter-active,
|
||||
.#{$keyframeName}In {
|
||||
animation-name: #{$keyframeName}In;
|
||||
}
|
||||
|
||||
.#{$keyframeName}-leave-active,
|
||||
.#{$keyframeName}Out {
|
||||
animation-name: #{$keyframeName}Out;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user