2013-03-03 227 views
6

我一直在使用reveal.js有点,你可以改变个别幻灯片的背景,用一些被称为全局状态的东西,如演示中的here所示。reveal.js背景颜色选择

除了上述提及的其他颜色(-soothe,-blackout 和-alert),还可以应用(在演示文稿中按下按键以查看颜色)?如果是这样的颜色?

回答

9

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

声明为背景的样式(给定类的“端”):

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> 

EDIT(由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); 
} 
+0

我在哪里申报的风格? – 2013-03-16 05:36:32

+0

在编辑回答我自己的问题到你的答案。感谢您的回应。 +1和支票。 – 2013-03-16 14:55:12

+0

仅供参考我已经在默认样式中添加了几个颜色选项:https://github.com/hakimel/reveal.js/blob/master/css/reveal.css#L1242 – hakim 2013-04-24 16:04:22