[Free Version] CSS Animation

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: [Free Version] CSS Animation

kju asked 10 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.

Michal Szymanski staff pro premium priority answered 10 years ago

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

Smith answered 10 years ago

3

sanjay shah answered 10 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.

Bartłomiej Malanowski staff pro premium answered 10 years ago

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 answered 10 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

Bartłomiej Malanowski staff pro premium answered 10 years ago

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
Write
Create snippet
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
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
css-animation cssanimation
Related topics
0
MDB Animations not working in Firefox, Chrome, Brave
0
mdb Gulp pro package I wanna ...
0
rotateIn Css Class missing
0
mdb.min.css is inconsistent with dataTables
0
Changing of modal fade effect
About author
kju
0Support score
1Questions 0Answers
0Snippets likes 0Snippets