Reveal.js | 水平スライドと垂直スライドの追加

概要

Reveal.js における、水平スライドと垂直スライドの追加

• 水平スライドは section タグによって追加する
• 垂直スライドは section タグ内に入れ子で section タグを記述することによって追加する

サンプルコード

		<div class="reveal">

			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section>Single Horizontal Slide</section>
				<section>
					<section>Vertical Slide 1</section>
					<section>Vertical Slide 2</section>
				</section>
				<section data-markdown>
					<script type="text/template">
						## Single Horizontal Slide(Markdown)
					</script>
				</section>
				<section>
					<section data-markdown>
						<script type="text/template">
							## Vertical Slide 1(Markdown)
						</script>
					</section>
					<section data-markdown>
						<script type="text/template">
							## Vertical Slide 2(Markdown)
						</script>
					</section>
				</section>
			</div>

		</div>

動作確認

参照