diff --git a/js/reveal.js b/js/reveal.js
index 04b8ff5f..087d9ca1 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -193,7 +193,7 @@
 			// Default settings for or auto-animate transitions, can be
 			// overridden per-slide via data arguments
 			autoAnimateEasing: 'ease',
-			autoAnimateDuration: 0.7,
+			autoAnimateDuration: 1.0,
 
 			// CSS styles that auto-animations will animate between
 			autoAnimateStyles: [
@@ -3893,7 +3893,7 @@
 				to.style[propertyName] = toProps[propertyName];
 			} );
 
-		}, 1 );
+		}, 0 );
 
 	}
 
diff --git a/test/examples/auto-animate.html b/test/examples/auto-animate.html
index 3ae23c73..3b5a96be 100644
--- a/test/examples/auto-animate.html
+++ b/test/examples/auto-animate.html
@@ -19,19 +19,46 @@
 			<div class="slides">
 
 				<section data-auto-animate>
+					<h3 data-id="opacity-title">Fade and slide</h3>
 					<h3 data-id="opacity-test">Opacity 1.0</h3>
 				</section>
-				<section data-auto-animate data-auto-animate-duration="0.3">
+				<section data-auto-animate>
+					<h3 data-id="opacity-title">Fade and slide</h3>
 					<h3 data-id="opacity-test" style="opacity: 0.2; margin-top: 200px;">Opacity 0.2</h3>
 				</section>
 
 				<section data-auto-animate>
-					<h3 data-id="text-props" style="background: #555;">Text props</h3>
+					<h3 data-id="text-props" style="background: #555; line-height: 1em; letter-spacing: 0em;">Text props</h3>
 				</section>
 				<section data-auto-animate>
 					<h3 data-id="text-props" style="background: #555; line-height: 3em; letter-spacing: 0.2em;">Text props</h3>
 				</section>
 
+				<section data-auto-animate>
+					<h3>Swapping list items</h3>
+					<ul>
+						<li data-id="li-1">One</li>
+						<li data-id="li-2">Two</li>
+						<li data-id="li-3">Three</li>
+					</ul>
+				</section>
+				<section data-auto-animate>
+					<h3>Swapping list items</h3>
+					<ul>
+						<li data-id="li-2">Two</li>
+						<li data-id="li-1">One</li>
+						<li data-id="li-3">Three</li>
+					</ul>
+				</section>
+				<section data-auto-animate>
+					<h3>Swapping list items</h3>
+					<ul>
+						<li data-id="li-2">Two</li>
+						<li data-id="li-3">Three</li>
+						<li data-id="li-1">One</li>
+					</ul>
+				</section>
+
 				<section data-auto-animate style="height: 600px">
 					<h3 style="opacity: 0.3; font-size: 18px;">SLIDE 1</h2>
 					<h2 data-id="title" style="margin-top: 260px;">Animate Anything</h2>