7

私はreveal.jsを少し使っていますが、デモで見られるように、グローバル状態と呼ばれるもので個々のスライドの背景を変更できます。

このスライドに記載されている色(-soothe、-blackout、-alert)以外に、適用できる色はありますか(プレゼンテーションのキーを押して色を確認してください)。もしそうなら、何色?

4

1 に答える 1

11

これを行うと、たとえば、最終スライドの背景色を変えることができます。

背景のスタイルを宣言します(クラス「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>

編集(タイラーリンカーによって追加されました)あなたは正しいですが、私は将来の検索者のためにもっと明確にしたかったです。次の2つのセグメントを追加しました。

これを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 );
}
于 2013-03-10T20:24:08.070 に答える