UNPKG

silex-website-builder-goodevent

Version:

Free and easy website builder for everyone.

github.com/silexlabs/Silex

silexlabs/Silex

83 lines (82 loc) • 2.18 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
--- name: Animated Container description: "This container will appear with an animation (visible in preview only)." doc: category: Smart Containers tags: - ui - ux - website - anim isPrivate: true dependencies: script: - src: https://unpkg.com/scrollreveal/dist/scrollreveal.min.js baseElement: container faIconClass: fa-arrows props: - name: origin type: - left - right - top - bottom default: left description: Origin of the animation, e.g. from left. - name: distance type: string default: 20px description: Distance where animation starts, e.g. '5rem', '10%', '20vw', etc. - name: duration type: number default: 500 description: Duration in milliseconds. - name: delay type: number default: 0 description: Delay in milliseconds. - name: rotateX type: number default: 0 description: Starting rotation. X angle in degrees. Will transition from these values to 0 in all axes. - name: rotateY type: number default: 0 description: Starting rotation. Y angle in degrees. Will transition from these values to 0 in all axes. - name: rotateZ type: number default: 0 description: Starting rotation. Z angle in degrees. Will transition from these values to 0 in all axes. - name: opacity type: number default: 0 description: Starting opacity value, before transitioning to the computed opacity. - name: scale type: number default: 0.9 description: Starting scale value, will transition from this value to 1 - name: easing type: - linear - ease - ease-in - ease-in-out - ease-out default: linear description: Easing function (CSS easing) - name: reset type: boolean default: false description: Repeat animation every time elements become visible or only once as elements become visible - name: beforeReveal type: action description: Callbacks that fire for each triggered element reveal. - name: beforeReset type: action description: Callbacks that fire for each triggered element reset. - name: afterReveal type: action description: Callbacks that fire for each completed element reveal. - name: afterReset type: action description: Callbacks that fire for each completed element reset.