11@import " var" ;
22
3- .fade-in-linear-enter-active ,
4- .fade-in-linear-leave-active {
5- transition : $--fade-linear-transition ;
6- }
7- .fade-in-linear-enter ,
8- .fade-in-linear-leave ,
9- .fade-in-linear-leave-active {
10- opacity : 0 ;
11- }
12-
13- .el-fade-in-linear-enter-active ,
14- .el-fade-in-linear-leave-active {
15- transition : $--fade-linear-transition ;
16- }
17- .el-fade-in-linear-enter ,
18- .el-fade-in-linear-leave ,
19- .el-fade-in-linear-leave-active {
20- opacity : 0 ;
21- }
22-
23- .el-fade-in-enter-active ,
24- .el-fade-in-leave-active {
25- transition : all .3s cubic-bezier (.55 ,0 ,.1 ,1 );
26- }
27- .el-fade-in-enter ,
28- .el-fade-in-leave-active {
29- opacity : 0 ;
30- }
31-
32- .el-zoom-in-center-enter-active ,
33- .el-zoom-in-center-leave-active {
34- transition : all .3s cubic-bezier (.55 ,0 ,.1 ,1 );
35- }
36- .el-zoom-in-center-enter ,
37- .el-zoom-in-center-leave-active {
38- opacity : 0 ;
39- transform : scaleX (0 );
40- }
41-
42- .el-zoom-in-top-enter-active ,
43- .el-zoom-in-top-leave-active {
44- opacity : 1 ;
45- transform : scaleY (1 );
46- transition : $--md-fade-transition ;
47- transform-origin : center top ;
48- }
49- .el-zoom-in-top-enter ,
50- .el-zoom-in-top-leave-active {
51- opacity : 0 ;
52- transform : scaleY (0 );
53- }
54-
55- .el-zoom-in-bottom-enter-active ,
56- .el-zoom-in-bottom-leave-active {
57- opacity : 1 ;
58- transform : scaleY (1 );
59- transition : $--md-fade-transition ;
60- transform-origin : center bottom ;
61- }
62- .el-zoom-in-bottom-enter ,
63- .el-zoom-in-bottom-leave-active {
64- opacity : 0 ;
65- transform : scaleY (0 );
66- }
67-
68- .el-zoom-in-left-enter-active ,
69- .el-zoom-in-left-leave-active {
70- opacity : 1 ;
71- transform : scale (1 , 1 );
72- transition : $--md-fade-transition ;
73- transform-origin : top left ;
74- }
75- .el-zoom-in-left-enter ,
76- .el-zoom-in-left-leave-active {
77- opacity : 0 ;
78- transform : scale (.45 , .45 );
79- }
80-
813.collapse-transition {
824 transition : 0.3s height ease-in-out , 0.3s padding-top ease-in-out , 0.3s padding-bottom ease-in-out ;
835}
84- .horizontal-collapse-transition {
85- transition : 0.3s width ease-in-out , 0.3s padding-left ease-in-out , 0.3s padding-right ease-in-out ;
86- }
87-
88- .el-list-enter-active ,
89- .el-list-leave-active {
90- transition : all 1s ;
91- }
92- .el-list-enter , .el-list-leave-active {
93- opacity : 0 ;
94- transform : translateY (-30px );
95- }
96-
97- .el-opacity-transition {
98- transition : opacity .3s cubic-bezier (.55 ,0 ,.1 ,1 );
99- }
0 commit comments