File tree Expand file tree Collapse file tree 3 files changed +34
-0
lines changed
components/style/core/motion Expand file tree Collapse file tree 3 files changed +34
-0
lines changed Original file line number Diff line number Diff line change 99 .@{name} -leave {
1010 animation-timing-function : linear ;
1111 }
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+ }
1222}
1323
1424.fade-motion (fade , antFade);
Original file line number Diff line number Diff line change 99 .@{name} -leave {
1010 animation-timing-function : @ease-in-circ ;
1111 }
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+ }
1222}
1323
1424.move-motion (move- up, antMoveUp);
Original file line number Diff line number Diff line change 1414 .@{name} -leave {
1515 animation-timing-function : @ease-in-out-circ ;
1616 }
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+ }
1731}
1832
1933// For Modal, Select choosen item
You can’t perform that action at this time.
0 commit comments