App-revealup
33 results

 view release on metacpan or  search on metacpan

share/revealjs/test/test-auto-animate.html  view on Meta::CPAN 

<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>reveal.js - Test Auto-Animate</title>

		<link rel="stylesheet" href="../dist/reveal.css">
		<link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css">
		<script src="../node_modules/qunit/qunit/qunit.js"></script>
	</head>

	<body style="overflow: auto;">

		<div id="qunit"></div>
		<div id="qunit-fixture"></div>

		<div class="reveal">

			<div class="slides">

				<section data-auto-animate>
					<h1>h1</h1>
					<h2>h2</h2>
					<h3 style="position: absolute; left: 0;">h3</h3>
				</section>

				<section data-auto-animate>
					<h1 data-auto-animate-duration="0.1">h1</h1>
					<h2 style="opacity: 0;">h2</h2>
					<h3 style="position: absolute; left: 100px;">h3</h3>
				</section>

				<section data-auto-animate data-auto-animate-duration="0.1">
					<h1>h1</h1>
					<h2>h2</h2>
					<h3>h3</h3>
				</section>

				<section>
					<h1>Non-auto-animate slide</h1>
				</section>

				<section data-auto-animate>
					<h1 class="fragment">h1</h1>
					<h2 class="fragment">h2</h2>
					<h3>h3</h3>
				</section>

				<section data-auto-animate>
					<h1 class="fragment">h1</h1>
					<h2 class="fragment">h2</h2>
					<h3 class="fragment">h3</h3>
				</section>

				<section>
					<h1>Non-auto-animate slide</h1>
				</section>

			</div>

		</div>

		<script src="../dist/reveal.js"></script>



( run in 0.835 second using v1.01-cache-2.11-cpan-5a3173703d6 )