<div class="scrollme"> <div class="animateme" data-when="enter" data-from="0.5" data-to="0" data-opacity="0" data-translatex="-200" data-rotatez="90" > Yup, that's all. </div> </div>
Must say I do like the fact that the
data-when attribute accepts
enter (= when the element enters the viewport),
exit (= when the element exits the viewport), and
span (= as long as the element is shown in the current viewport) as a value.