About animation, Can we set speed of animation?


Tinn Aphopchung

About animation, Can we set speed of animation? I mean animation in class (for example :"animated zoomIn").
Can we increase or decrease animation speed?


DecSoft

Hello,

Take a look at the animate.css documentation, since AB animations are based on it.

From the animate.css documentation:


You can change the duration of your animations, add a delay or change the number of times that it plays:

#yourElement {
-vendor-animation-duration: 3s;
-vendor-animation-delay: 2s;
-vendor-animation-iteration-count: infinite;
}

Note: be sure to replace "vendor" in the CSS with the applicable vendor prefixes (webkit, moz, etc)

So we can use the "InlineCSS" app's option or an external (and included) CSS stylesheet to prepare the appropiate CSS rules.



DecSoft

Hello,

In the current release of App Builder I modified the "Animated2" app sample in order to show us how we can use the above CSS rules. So we can change the animations' duration, delay and iteration count.



Tinn Aphopchung

very thanks,David.
If I get other idea,I will ask again.

thanks.

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.

Este sitio utiliza "cookies" útiles para almacenar sus preferencias.

Bien. Ocultar esta nota. Obtener más información.