reveal.js background color choices

2020-06-04 05:33发布

I've been working with reveal.js a bit and you can change the background of individual slides with something referred to as the global state as seen here in the demo.

Are there other colors besides the ones mention (-soothe, -blackout and -alert) on this slide that can be applied (hit down key in the presentation to see the colors)? If so what colors?

1条回答
倾城 Initia
2楼-- · 2020-06-04 06:04

You can do this to e.g. have a different background color for the final slide:

Declare a style for the background (given the class "the-end"):

  html.the-end .state-background {
    background-color: rgba(0,0,0, 0.8);
  }

Then have the final slide look like this:

<section data-state='the-end'>
  <h1>__END__</h1>
  <br>
  <h3>Thank you!</h3>
</section>

EDIT (added by tyler rinker) You are correct but I wanted to be more explicit for future searchers. I added the following two segments.

Added this to reveal.min.css

.orange .reveal .state-background{background:rgba(255,165,0,1)}

Added this to reveal.css

.orange .reveal .state-background {
    background: rgba( 255, 165, 0, 1 );
}
查看更多
登录 后发表回答