工业互联网平台前端 vue2版本
查看 | 历史 | 提交 | 提交对比
houzhongjian
2024-07-11 759b1c71011abd6b58c37d2566f3f3c208c2f1b2
提交 | 用户 | 时间
759b1c 1 // global transition css
H 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--move,
16 .fade-transform-leave-active,
17 .fade-transform-enter-active {
18   transition: all .5s;
19 }
20
21 .fade-transform-leave-active {
22   position: absolute;
23 }
24
25 .fade-transform-enter {
26   opacity: 0;
27   transform: translateX(-30px);
28 }
29
30 .fade-transform-leave-to {
31   opacity: 0;
32   transform: translateX(30px);
33 }
34
35 /* breadcrumb transition */
36 .breadcrumb-enter-active,
37 .breadcrumb-leave-active {
38   transition: all .5s;
39 }
40
41 .breadcrumb-enter,
42 .breadcrumb-leave-active {
43   opacity: 0;
44   transform: translateX(20px);
45 }
46
47 .breadcrumb-move {
48   transition: all .5s;
49 }
50
51 .breadcrumb-leave-active {
52   position: absolute;
53 }