diff --git a/README.md b/README.md index b2bab3d1..abc059f7 100644 --- a/README.md +++ b/README.md @@ -385,7 +385,7 @@ Reveal.addEventListener( 'somestate', function() { ### Slide Backgrounds -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 background colors or images by applying a ```data-background``` attribute to your ```
``` elements. Below are a few examples. +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 ```
``` elements. Four different types of backgrounds are supported: color, image, video and iframe. Below are a few examples. ```html
@@ -397,6 +397,12 @@ Slides are contained within a limited portion of the screen by default to allow

This background image will be sized to 100px and repeated.

+
+

Video. Multiple sources can be defined using a comma separated list.

+
+
+

Embeds a web page as a background. Note that the page won't be interactive.

+
``` 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.