Topic: [Free Version] CSS Animation

kju free asked 8 years ago


Hello, how can I change the time before a CSS animation starts? For example, I want to set a specific time when the fadeInLeft animation starts. Please help me. Thanks.

We have an older version for Bootstrap 3. If you want to use the latest version of MDB (4.*), you should migrate your existing application to Bootstrap 4

sanjay shah free answered 7 years ago


Many thanks Bartłomiej, That worked great, I am just conducting a few tests before purchasing a license. In terms of using this library could I confirm that there are no dependencies required and also am I able to just drop this library over my exiting application which is currently using Bootstrap 3? Regards, Sanjay

Hi, Sanjay! Try this code: <img id="test" class="wow fadeInLeft" data-wow-delay="5s" src="http://mdbootstrap.com/images/mdb-logo.png"> Don't forget to initialize wow function via jQuery!

sanjay shah free answered 7 years ago


Hi, I would just like to follow up on this question as I trying to understand how to add a delay, I am using the inline code below but do not seem to get this working <img id="test" class="animated fadeInLeft" data-wow-delay="5s" src="http://mdbootstrap.com/images/mdb-logo.png"> Any help is appreciated.

Smith free answered 8 years ago


Michal Szymanski staff answered 8 years ago


Hello, if you mean animations on scroll - you have to use "data-wow-delay="5s" , where "5s" is the time of delay

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No