UNPKG

kingdot

Version:

A UI Components Library For Vue

ksyun-fe.github.io/kingdot

ksyun-fe/kingdot

84 lines (83 loc) • 2.02 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
slide-motion($className, $keyframeName) make-motion($className, $keyframeName) .{className}-enter, .{className}-appear opacity 0 animation-timing-function $-ease-out-quint .{className}-leave animation-timing-function $-ease-in-quint slide-motion(slide-up, kdSlideUp) slide-motion(slide-down, kdSlideDown) slide-motion(slide-left, kdSlideLeft) slide-motion(slide-right, kdSlideRight) @keyframes kdSlideUpIn 0% opacity 0 transform scaleY(0.8) transform-origin 0% 0% 100% opacity 1 transform scaleY(1) transform-origin 0% 0% @keyframes kdSlideUpOut 0% opacity 1 transform scaleY(1) transform-origin 0% 0% 100% opacity 0 transform scaleY(0.8) transform-origin 0% 0% @keyframes kdSlideDownIn 0% opacity 0 transform scaleY(0.8) transform-origin 100% 100% 100% opacity 1 transform scaleY(1) transform-origin 100% 100% @keyframes kdSlideDownOut 0% opacity 1 transform scaleY(1) transform-origin 100% 100% 100% opacity 0 transform scaleY(0.8) transform-origin 100% 100% @keyframes kdSlideLeftIn 0% opacity 0 transform scaleX(0.8) transform-origin 0% 0% 100% opacity 1 transform scaleX(1) transform-origin 0% 0% @keyframes kdSlideLeftOut 0% opacity 1 transform scaleX(1) transform-origin 0% 0% 100% opacity 0 transform scaleX(0.8) transform-origin 0% 0% @keyframes kdSlideRightIn 0% opacity 0 transform scaleX(0.8) transform-origin 100% 0% 100% opacity 1 transform scaleX(1) transform-origin 100% 0% @keyframes kdSlideRightOut 0% opacity 1 transform scaleX(1) transform-origin 100% 0% 100% opacity 0 transform scaleX(0.8) transform-origin 100% 0%