blob: af579ceb077b8eb6ff59faa0cf2ba648a78097c1 (
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
|
Slide example
===
This feature still in beta, may have some issues.
For details please visit:
https://github.com/hakimel/reveal.js/
---
## First slide
`---`
Is the divder of slides
----
### First branch of fisrt slide
`----`
Is the divder 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
|