reveal.js背景颜色选择

时间:2013-03-03 08:06:24

标签: html5 reveal.js

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

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

1 个答案:

答案 0 :(得分:10)

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

为背景声明一个样式(给定类“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 );
}