1
1
@import " var" ;
2
2
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
-
81
3
.collapse-transition {
82
4
transition : 0.3s height ease-in-out , 0.3s padding-top ease-in-out , 0.3s padding-bottom ease-in-out ;
83
5
}
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