Reveal.js | Fragment の動作設定

概要

Reveal.js における、Fragment の動作設定

サンプルコード

		<div class="reveal">
			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section>
					<p class="fragment grow">grow 大きくする</p>
					<p class="fragment shrink">shrink 小さくする</p>
					<p class="fragment roll-in">roll-in 回転しながら表示</p>
					<p class="fragment fade-out">fade-out フェードアウト</p>
					<p class="fragment current-visible">visible only once 一度だけ表示</p>
					<p class="fragment highlight-current-blue">blue only once 一度だけ青くする</p>
					<p class="fragment highlight-red">highlight-red 赤くハイライト</p>
					<p class="fragment highlight-green">highlight-green 緑にハイライト</p>
					<p class="fragment highlight-blue">highlight-blue 青にハイライト</p>
					<p class="fragment fade-in">
						<span class="fragment fade-out">フェードイン・フェードアウト</span>
					</p>
				</section>
			</div>
		</div>

動作確認

参照