Add mardown-based slide attribute examples.
This commit is contained in:
		
							parent
							
								
									1774de2113
								
							
						
					
					
						commit
						efbb31cf29
					
				
					 1 changed files with 22 additions and 0 deletions
				
			
		
							
								
								
									
										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…
	
	Add table
		Add a link
		
	
		Reference in a new issue