html - reveal.js 背景颜色选择

Question

我一直在使用 reveal.js一点，您可以使用称为全局状态的东西更改单个幻灯片的背景，如所见 here在演示中。

除了提到的那些之外还有其他颜色吗(-soothe, -blackout和 -alert) 在这张可以应用的幻灯片上(按下演示文稿中的键以查看颜色)？如果是什么颜色？

Answer 1

您可以这样做，例如最后一张幻灯片有不同的背景颜色:

声明背景样式(给定类“the-end”):

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

然后让最终的幻灯片看起来像这样:

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

编辑(由 tyler rinker 添加) 你是对的，但我想对 future 的搜索者更明确。我添加了以下两个部分。

将此添加到 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 );
}