File tree 3 files changed +34
-0
lines changed
components/style/core/motion
3 files changed +34
-0
lines changed Original file line number Diff line number Diff line change 9
9
.@{name} -leave {
10
10
animation-timing-function : linear ;
11
11
}
12
+
13
+ .make-motion (@className , @keyframeName );
14
+ .@{className} -enter ,
15
+ .@{className} -appear {
16
+ opacity : 0 ;
17
+ animation-timing-function : linear ;
18
+ }
19
+ .@{className} -leave {
20
+ animation-timing-function : linear ;
21
+ }
12
22
}
13
23
14
24
.fade-motion (fade , antFade);
Original file line number Diff line number Diff line change 9
9
.@{name} -leave {
10
10
animation-timing-function : @ease-in-circ ;
11
11
}
12
+
13
+ .make-motion (@className , @keyframeName );
14
+ .@{className} -enter ,
15
+ .@{className} -appear {
16
+ opacity : 0 ;
17
+ animation-timing-function : @ease-out-circ ;
18
+ }
19
+ .@{className} -leave {
20
+ animation-timing-function : @ease-in-circ ;
21
+ }
12
22
}
13
23
14
24
.move-motion (move- up, antMoveUp);
Original file line number Diff line number Diff line change 14
14
.@{name} -leave {
15
15
animation-timing-function : @ease-in-out-circ ;
16
16
}
17
+
18
+ .make-motion (@className , @keyframeName , @duration );
19
+ .@{className} -enter ,
20
+ .@{className} -appear {
21
+ transform : scale (0 ); // need this by yiminghe
22
+ opacity : 0 ;
23
+ animation-timing-function : @ease-out-circ ;
24
+ &-prepare {
25
+ transform : none ;
26
+ }
27
+ }
28
+ .@{className} -leave {
29
+ animation-timing-function : @ease-in-out-circ ;
30
+ }
17
31
}
18
32
19
33
// For Modal, Select choosen item
You can’t perform that action at this time.
0 commit comments