diff options
Diffstat (limited to 'test')
| -rw-r--r-- | test/examples/auto-animate.html | 28 |
1 files changed, 15 insertions, 13 deletions
diff --git a/test/examples/auto-animate.html b/test/examples/auto-animate.html index 3b5a96b..a3a21e3 100644 --- a/test/examples/auto-animate.html +++ b/test/examples/auto-animate.html @@ -19,12 +19,14 @@ <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> + <h3>Auto-Matched Content (no IDs)</h3> + <h3>This will fade out</h3> + <img src="assets/image1.png"> </section> <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> + <h3>Auto-Matched Content (no IDs)</h3> + <h3 style="opacity: 0.2; margin-top: 200px;">This will fade out</h3> + <img src="assets/image1.png"> </section> <section data-auto-animate> @@ -37,25 +39,25 @@ <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> + <li>One</li> + <li>Two</li> + <li>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> + <li>Two</li> + <li>One</li> + <li>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> + <li>Two</li> + <li>Three</li> + <li>One</li> </ul> </section> |