aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2017-04-27 16:42:24 +0200
committerGitHub <noreply@github.com>2017-04-27 16:42:24 +0200
commit9f4ed56bb3a3685c315ac162d4f77f755c2ec4d0 (patch)
treea158c1d14f7d40a82b6283ca268e2a275970173f
parentcaccf67d3a8016c5ca4a735ec2cfcb6b0720e521 (diff)
downloadfosdem-2018-presentation-9f4ed56bb3a3685c315ac162d4f77f755c2ec4d0.tar
fosdem-2018-presentation-9f4ed56bb3a3685c315ac162d4f77f755c2ec4d0.tar.gz
larger headings for background sections
-rw-r--r--README.md10
1 files changed, 5 insertions, 5 deletions
diff --git a/README.md b/README.md
index 99fc651..7ec759a 100644
--- a/README.md
+++ b/README.md
@@ -559,7 +559,7 @@ Reveal.addEventListener( 'somestate', function() {
Slides are contained within a limited portion of the screen by default to allow them to fit any display and scale uniformly. You can apply full page backgrounds outside of the slide area by adding a ```data-background``` attribute to your ```<section>``` elements. Four different types of backgrounds are supported: color, image, video and iframe.
-##### Color Backgrounds
+#### Color Backgrounds
All CSS color formats are supported, like rgba() or hsl().
```html
<section data-background-color="#ff0000">
@@ -567,7 +567,7 @@ All CSS color formats are supported, like rgba() or hsl().
</section>
```
-##### Image Backgrounds
+#### Image Backgrounds
By default, background images are resized to cover the full page. Available options:
| Attribute | Default | Description |
@@ -585,7 +585,7 @@ By default, background images are resized to cover the full page. Available opti
</section>
```
-##### Video Backgrounds
+#### Video Backgrounds
Automatically plays a full size video behind the slide.
| Attribute | Default | Description |
@@ -601,7 +601,7 @@ Automatically plays a full size video behind the slide.
</section>
```
-##### Iframe Backgrounds
+#### Iframe Backgrounds
Embeds a web page as a slide background that covers 100% of the reveal.js width and height. The iframe is in the background layer, behind your slides, and as such it's not possible to interact with it by default. To make your background interactive, you can add the `data-background-interactive` attribute.
```html
<section data-background-iframe="https://slides.com" data-background-interactive>
@@ -609,7 +609,7 @@ Embeds a web page as a slide background that covers 100% of the reveal.js width
</section>
```
-##### Background Transitions
+#### Background Transitions
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.