[Free Version] CSS Animation

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

kju asked 9 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 9 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 9 years ago

3

sanjay shah answered 8 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 8 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 8 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 8 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
Animation only works one time
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
About author
kju
0Support score
1Questions 0Answers
0Snippets likes 0Snippets