From: Paul <paulvantuyl@users.noreply.github.com>
Date: Sun, 21 May 2017 19:44:39 +0000 (-0700)
Subject: Update to include how to adjust speed in HTML
X-Git-Tag: v6.4.0-rc1~5^2^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10060%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Update to include how to adjust speed in HTML

Took me some time to find out how to adjust the speed of the reveal by adjusting the attributes the right way.
---

diff --git a/docs/pages/reveal.md b/docs/pages/reveal.md
index 953848759..18c414695 100644
--- a/docs/pages/reveal.md
+++ b/docs/pages/reveal.md
@@ -191,7 +191,7 @@ To remove the overlay, add the attribute `data-overlay="false"` to the modal.
 
 ### Animations
 
-To use animations from the Motion UI library, include the <code>data-animation-in="someAnimationIn"</code> and <code>data-animation-out="someAnimationOut"</code> attributes.
+To use animations from the Motion UI library, include the <code>data-animation-in="someAnimationIn"</code> and <code>data-animation-out="someAnimationOut"</code> attributes. If you want to adjust the speed or timing, include it the attributes like <code>data-animation-in="someAnimationIn fast"</code>.
 
 <p>
   <a class="" data-open-video="5:40"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>