html - reveal.js 背景颜色选择

Question

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

除了这张幻灯片上提到的颜色（-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 添加）你是对的，但我想对未来的搜索者更加明确。我添加了以下两个部分。

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