Animation Customization – speed, linear, delay


Topic: Animation Customization – speed, linear, delay

Christopher Denby pro asked 7 years ago

What is the method to change the behaviour of the animated fadeOutLeft, etc? I'd like less delay, faster speed, linear motion


Christopher Denby pro commented 7 years ago

What I was looking for was this: { -webkit-animation-duration: .25s; -moz-animation-duration: .25s; animation-duration: .25s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; } and I found it in another app I was working on. I'm not sure it's actually doing what I want though. I seem to be waiting quite a while. but it could be because of an Ajax call I'm waiting for.

Marta Szymanska staff pro premium commented 7 years ago

So, do you still need our help?

Marta Szymanska staff pro premium answered 7 years ago

Hi, have you tried to use methods from our documentation here: https://mdbootstrap.com/css/animations/#options and https://mdbootstrap.com/css/animations/#advanced-usage? We explain there different ways of animations usage. Also, you can always read something about animations here: http://api.jquery.com/fadeout/. Best, Marta
Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No