Blame view

src/design/transition/fade.less 1.47 KB
1
2
3
4
5
6
7
8
9
10
11
12
.fade-transition {
  &-enter-active,
  &-leave-active {
    transition: opacity 0.2s ease-in-out;
  }

  &-enter-from,
  &-leave-to {
    opacity: 0;
  }
}
陈文彬 authored
13
14
.fade-enter-active,
.fade-leave-active {
15
  transition: opacity 0.2s ease-in-out;
陈文彬 authored
16
17
18
19
}

.fade-enter-from,
.fade-leave-to {
20
  opacity: 0;
陈文彬 authored
21
22
}
23
24
25
/* fade-slide */
.fade-slide-leave-active,
.fade-slide-enter-active {
vben authored
26
  transition: all 0.3s;
陈文彬 authored
27
28
}
29
.fade-slide-enter-from {
vben authored
30
  transform: translateX(-30px);
31
  opacity: 0;
陈文彬 authored
32
33
}
34
.fade-slide-leave-to {
vben authored
35
  transform: translateX(30px);
36
  opacity: 0;
陈文彬 authored
37
38
39
40
41
42
43
44
45
}

// ///////////////////////////////////////////////
// Fade Bottom
// ///////////////////////////////////////////////

// Speed: 1x
.fade-bottom-enter-active,
.fade-bottom-leave-active {
vben authored
46
  transition: opacity 0.25s, transform 0.3s;
陈文彬 authored
47
48
}
vben authored
49
50
.fade-bottom-enter-from {
  transform: translateY(-10%);
51
  opacity: 0;
陈文彬 authored
52
53
54
}

.fade-bottom-leave-to {
vben authored
55
  transform: translateY(10%);
56
  opacity: 0;
vben authored
57
58
59
60
61
62
63
64
65
66
}

// fade-scale
.fade-scale-leave-active,
.fade-scale-enter-active {
  transition: all 0.28s;
}

.fade-scale-enter-from {
  transform: scale(1.2);
67
  opacity: 0;
vben authored
68
69
70
71
}

.fade-scale-leave-to {
  transform: scale(0.8);
72
  opacity: 0;
陈文彬 authored
73
74
75
76
77
78
79
80
81
}

// ///////////////////////////////////////////////
// Fade Top
// ///////////////////////////////////////////////

// Speed: 1x
.fade-top-enter-active,
.fade-top-leave-active {
82
  transition: opacity 0.2s, transform 0.25s;
陈文彬 authored
83
84
}
85
.fade-top-enter-from {
陈文彬 authored
86
  transform: translateY(8%);
87
  opacity: 0;
陈文彬 authored
88
89
90
91
}

.fade-top-leave-to {
  transform: translateY(-8%);
92
  opacity: 0;
陈文彬 authored
93
}