Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
server
team-presentation
Commits
1aaec857
Commit
1aaec857
authored
Nov 05, 2014
by
Hakim El Hattab
Browse files
update background color/image example slides
parent
1f0627eb
Changes
1
Hide whitespace changes
Inline
Side-by-side
index.html
View file @
1aaec857
...
...
@@ -238,25 +238,25 @@ Reveal.addEventListener( 'customevent', function() {
<img
width=
"178"
height=
"238"
data-src=
"https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png"
alt=
"Down arrow"
>
</a>
</section>
<section
data-background=
"https://s3.amazonaws.com/hakim-static/reveal-js/
arrow
.png"
>
<section
data-background=
"https://s3.amazonaws.com/hakim-static/reveal-js/
image-placeholder
.png"
>
<h2>
Image Backgrounds
</h2>
<pre><code>
<
section data-background="image.png"
>
</code></pre>
</section>
<section
data-background=
"https://s3.amazonaws.com/hakim-static/reveal-js/
arrow
.png"
data-background-repeat=
"repeat"
data-background-size=
"100px"
>
<section
data-background=
"https://s3.amazonaws.com/hakim-static/reveal-js/
image-placeholder
.png"
data-background-repeat=
"repeat"
data-background-size=
"100px"
>
<h2>
Repeated Image Backgrounds
</h2>
<pre><code
style=
"word-wrap: break-word;"
>
<
section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"
>
</code></pre>
</section>
</section>
<section
data-transition=
"slide"
data-background=
"#4d7e65"
data-background-transition=
"
slide
"
>
<section
data-transition=
"slide"
data-background=
"#4d7e65"
data-background-transition=
"
zoom
"
>
<h2>
Background Transitions
</h2>
<p>
Pas
s re
veal.js
the
<code>
backgroundTransition
: 'slide'
</code>
config argument to make backgrounds slide rather than fade
.
Different background transition
s
a
re
available via
the
<code>
backgroundTransition
</code>
option. This one's called "zoom"
.
</p>
</section>
<section
data-transition=
"slide"
data-background=
"#8c4738"
data-background-transition=
"
slide
"
>
<h2>
Background Transition
Override
</h2>
<section
data-transition=
"slide"
data-background=
"#8c4738"
data-background-transition=
"
zoom
"
>
<h2>
Background Transition
s
</h2>
<p>
You can override background transitions per slide by using
<code>
data-background-transition="slide"
</code>
.
</p>
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment