Add background image in Reveal.js

You can apply full background image by adding 'data-background' attribute to your 'section' element. You can apply these attributes to add images and other options. i.e: data-background-image, data-background-size, data-background-position and data-background-repeat.

Code Structure
<section data-background-image="images/img1.jpg" data-background-size="200px" data-background-repeat="repeat">
 <h2>This background image will be sized to 200px and repeated</h2>
</section>

Share this

Related Posts