long
2021-02-22 4dde145ee066a30b441a9687ab8a7b673c0a3ff1
提交 | 用户 | age
2a61f6 1 // global transition css
L 2
3 /* fade */
4 .fade-enter-active,
5 .fade-leave-active {
6   transition: opacity 0.28s;
7 }
8
9 .fade-enter,
10 .fade-leave-active {
11   opacity: 0;
12 }
13
14 /* fade-transform */
15 .fade-transform-leave-active,
16 .fade-transform-enter-active {
17   transition: all .5s;
18 }
19
20 .fade-transform-enter {
21   opacity: 0;
22   transform: translateX(-30px);
23 }
24
25 .fade-transform-leave-to {
26   opacity: 0;
27   transform: translateX(30px);
28 }
29
30 /* breadcrumb transition */
31 .breadcrumb-enter-active,
32 .breadcrumb-leave-active {
33   transition: all .5s;
34 }
35
36 .breadcrumb-enter,
37 .breadcrumb-leave-active {
38   opacity: 0;
39   transform: translateX(20px);
40 }
41
42 .breadcrumb-move {
43   transition: all .5s;
44 }
45
46 .breadcrumb-leave-active {
47   position: absolute;
48 }