#1 2016-04-07 16:08:30

tin
Member
Registered: 2016-03-20
Posts: 173

About animation, Can we set speed of animation?

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

Offline

#2 2016-04-07 21:18:28

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,709
Website

Re: About animation, Can we set speed of animation?

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.

Offline

#3 2016-04-08 12:01:25

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,709
Website

Re: About animation, Can we set speed of animation?

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.

Offline

#4 2016-04-08 15:51:31

tin
Member
Registered: 2016-03-20
Posts: 173

Re: About animation, Can we set speed of animation?

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

thanks.

Offline

Board footer

Powered by FluxBB


Copyright ©2018 DecSoft. All rights reserved.