foundation-sites: [Reveal] Cannot change the animation speed of Reveal open/close

We are having a hard time figuring out how to change the animation speed of the Reveal open/close events. Added a “fast” class to the element does not change the speed, and we cannot find documentation on it as well.

I looked through the source and noticed that in the foundation.util.motion.js file, line 57, the duration options are commented out:

var Motion = {
  animateIn: function(element, animation, /*duration,*/ cb) {
    animate(true, element, animation, cb);
  },

  animateOut: function(element, animation, /*duration,*/ cb) {
    animate(false, element, animation, cb);
  }
};

Is this a planned feature for the future?

About this issue

Original URL
State: closed
Created 9 years ago
Comments: 16 (11 by maintainers)

Commits related to this issue

Animate reveal overlay and modal in/out at the same time #7458 — committed to foundation/foundation-sites by gakimball 8 years ago

Most upvoted comments

+1 I absolutely agree that there should be an option for that. As a workaround one can use the following code to change for example the fade-in speed:

    .reveal-overlay.fade-in {
      transition-duration: 0.25s;
    }

Larzans on Feb 26, 2016