html5 – reveal.js背景颜色选择

前端之家收集整理的这篇文章主要介绍了html5 – reveal.js背景颜色选择前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在使用 reveal.js,你可以改变单个幻灯片的背景,其中有一些被称为全局状态的东西,如演示中的 here所示.

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

解决方法

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

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

html.the-end .state-background {
    background-color: rgba(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,1)}

将此添加到reveal.css中

.orange .reveal .state-background {
    background: rgba( 255,1 );
}
原文链接:https://www.f2er.com/html5/240977.html

猜你在找的HTML5相关文章