mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2024-12-26 17:54:10 +00:00
81 lines
1.2 KiB
Markdown
81 lines
1.2 KiB
Markdown
|
Slide example
|
||
|
===
|
||
|
This feature still in beta, may have some issues.
|
||
|
|
||
|
For details:
|
||
|
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
|