html - RevealJs like rotation in ImpressJs -
playing impress.js
i'm trying acheive reveal.js slide transition, using impress.js. basic effect did come, feel, slides taking 'wider' turn making lil slower.
note : in fiddle, maximize output section see said problem more clearly
i dont know how else put it, if see http://lab.hakim.se/reveal-js/#/fragments , http://jsfiddle.net/8ukwex3x/1/, able make out difference.
<div id = "impress"> <div class = "step"> slide 1 </div> <div class = "step" data-x = "500" data-z="-400" data-rotate-y="90"> slide 2 </div> </div>
what should make work reveal.js' transition.
unfortunately fiddle missing javascript (where assume had intended put standard impress.js code) , in case, reading source code don't see how example in way similar reveal-js example does. so, risk might off here, have 1 thing may helpful...
the reveal.js transitions indeed pretty slick , fast. did know can set duration of transition in impress.js? attribute data-transition-duration:
<div id="impress" data-transition-duration="1000">
the default 1000 ms. value @ 400-600 ms should give reveal.js experience in terms of speed.
ps: note in impress.js repo, above link to, can set duration each individual step/slide. upstream impress.js, slides have same duration, set in root div element.
Comments
Post a Comment