reveal.js背景颜色选择 [英] reveal.js background color choices

问题描述

我一直在使用 reveal.js ，您可以更改单个幻灯片的背景在演示中看到这里所谓的全球状态。

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.

除了可以应用的幻灯片（-soothe，-blackout
和-alert）之外还有其他颜色可以应用（在演示文稿中按下键以查看颜色）？如果有的话是什么颜色？

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?

推荐答案

你可以这样做，例如最终幻灯片的背景颜色不同：

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

为背景声明一个样式（给定the-end类）：

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>

编辑（由tyler rinker添加）你是对的但我想要对未来的搜索者更明确。我添加了以下两个部分。

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

将此添加到reveal.min.css

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

将此添加到reveal.css

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

这篇关于reveal.js背景颜色选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！