Closed karland closed 10 years ago
.will-zoom {
transition: all 1s ease-in-out;
opacity: 0;
transform: translate3d(0,0,1px) scale(10,10);
}
.do-zoom {
opacity: 1;
transform: translate3d(0,0,1px) scale(1,1);
}
.has-zoom {
transform: none;
}
element will get the classes in these order:
.will-x
.will-x
.do-x
.will-x
.do-x
.has-x
@sokra, many, many thanks.
to 1.) I really appreciate your effort. It perfectly works as desired. The only problem I have now is, your code seems to break the e.g. after 3s
animation effect. Correct?
By the way: in this context can you confirm the behaviour with automated presentations independent of textillate.js
. When I am putting data-duration="3000s"
on a .step
all the children data-jmpress
-elements inherit "3000s"
unless I specifiy an after 2s
-effect or else. Correct?
to 2.) got it!
Cheers!
The duration plugin will not work correctly with animations. Even with a after 5s
the duration plugin will call next
after 3s
:( You may have to use some custom code to ensure this.
Hi, I have three questions. Hope someone can help.....
jquery.textillate.js
, especially when I have a bullet point lists and I want to have the bullets fly in and out in a 'textillate' way. My problem is that the textillate animation starts straight after loading the page and not after pressing the key to get adata-jmpress
-element or even better using thedata-duration
-function.jmpress | Animation
reads: "If you have cool animations created, you can contribute them to jmpress.js/src/css/animations/." Is it possible to include own animations, such asmy-animation.css
to be executed by thedata-jmpress
-Funktion? (I tried it, but it did not work! But also I could not find the place in the sourceanimation.js
, where this is prevented.)Thanks a alot....