Add mardown-based slide attribute examples.
parent
1774de2113
commit
efbb31cf29
22
README.md
22
README.md
|
@ -352,6 +352,17 @@ Slides are contained within a limited portion of the screen by default to allow
|
||||||
|
|
||||||
Backgrounds transition using a fade animation by default. This can be changed to a linear sliding transition by passing ```backgroundTransition: 'slide'``` to the ```Reveal.initialize()``` call. Alternatively you can set ```data-background-transition``` on any section with a background to override that specific transition.
|
Backgrounds transition using a fade animation by default. This can be changed to a linear sliding transition by passing ```backgroundTransition: 'slide'``` to the ```Reveal.initialize()``` call. Alternatively you can set ```data-background-transition``` on any section with a background to override that specific transition.
|
||||||
|
|
||||||
|
Special syntax is available for adding attributes to Markdown-based generated `<slide>` element.
|
||||||
|
|
||||||
|
```html
|
||||||
|
<section data-markdown>
|
||||||
|
<script type="text/template">
|
||||||
|
<!-- slide-attributes: data-background="#ff0000" -->
|
||||||
|
Mardown content
|
||||||
|
</script>
|
||||||
|
</section>
|
||||||
|
```
|
||||||
|
|
||||||
### Parallax Background
|
### Parallax Background
|
||||||
|
|
||||||
If you want to use a parallax scrolling background, set the two following config properties when initializing reveal.js (the third one is optional).
|
If you want to use a parallax scrolling background, set the two following config properties when initializing reveal.js (the third one is optional).
|
||||||
|
@ -390,6 +401,17 @@ The global presentation transition is set using the ```transition``` config valu
|
||||||
|
|
||||||
Note that this does not work with the page and cube transitions.
|
Note that this does not work with the page and cube transitions.
|
||||||
|
|
||||||
|
Special syntax is available for adding attributes to Markdown-based generated `<slide>` element.
|
||||||
|
|
||||||
|
```html
|
||||||
|
<section data-markdown>
|
||||||
|
<script type="text/template">
|
||||||
|
<!-- slide-attributes: data-transition="concave" -->
|
||||||
|
Mardown content
|
||||||
|
</script>
|
||||||
|
</section>
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
### Internal links
|
### Internal links
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue