summaryrefslogtreecommitdiff
path: root/public/docs/slide-example.md
blob: 6249477fef6fc4ad31c8a7ad063a2285054e1a78 (plain)
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
Slide example
===
This feature still in beta, may have some issues.

For details please visit:
https://github.com/hakimel/reveal.js/

You can use `URL query` or `slideOptions` of the YAML metadata to customize your slides.

---

## First slide

`---`

Is the divider of slides

----

### First branch of first slide

`----`

Is the divider of branches

----

### Second branch of first slide

`<!-- .element: class="fragment" data-fragment-index="1" -->`

Is the fragment syntax

- Item 1<!-- .element: class="fragment" data-fragment-index="1" -->
- Item 2<!-- .element: class="fragment" data-fragment-index="2" -->

---

## Second slide

<!-- .slide: data-background="#1A237E" -->

`<!-- .slide: data-background="#1A237E" -->`

Is the background syntax

---

<!-- .slide: data-transition="zoom" -->

`<!-- .slide: data-transition="zoom" -->`

Is the transition syntax

you can use:  
none/fade/slide/convex/concave/zoom

---

<!-- .slide: data-transition="fade-in convex-out" -->

`<!-- .slide: data-transition="fade-in convex-out" -->`

Also can set different in/out transition

you can use:  
none/fade/slide/convex/concave/zoom  
postfix with `-in` or `-out`

---

<!-- .slide: data-transition-speed="fast" -->

`<!-- .slide: data-transition-speed="fast" -->`

Custom the transition speed!

you can use:  
default/fast/slow

---

# The End