问题标签 [motionui]

我已经使用SASS安装了Foundation 6 for Sites ，并且正在使用Gulp进行编译。我正在尝试将Motion-UI库用于一些动画效果，并且我已经完成了很多工作。

预建动画的工作演示：http: //jsfiddle.net/4a9kux0r/7/

我遇到的问题是尝试使用可用于Motion-UI库的SASS 来创建自定义效果。mixins

为了处理它，我的 Gulpfile 中有以下内容...

因此，考虑到这一点，我正在使用的其余.scss文件被设置为部分：

和我的 app.scss 文件...

所以，总而言之，预先构建的动画工作正常，例如：

MotionUI.animateOut($('#foo'), 'fade-in');

但是，如果我尝试为它制作一个自定义的 mixin 来组合效果，就像这个SASS我已经放入我的_animations.scss部分

像这样的东西是行不通的...

MotionUI.animateOut($('#foo'), 'combineAnimate');

这可能只是我定义自定义动画的地方，或者没有正确导入某些东西等。这是我第一次使用 gulp 和foundation 6，我仍在尝试将它们拼凑在一起，因此真诚感谢任何帮助！

文档：https ://github.com/zurb/motion-ui/blob/master/docs/animations.md

它只是编译成这个 css 代码：

我正在使用 Foundation 6 并在我的 SASS 文件中导入 Motion UI 过渡和动画。

但是当做下面这样的事情时，不会出现动画。我错过了什么？！

谢谢

我正在使用 Foundation Zurb 模板，但在开始使用 Motion UI 库时遇到了困难。我正在尝试按照这些文档对元素进行简单的转换：

但是，我不断收到控制台错误：

未捕获的 ReferenceError：MotionUI 未在 HTMLAnchorElement 中定义。

的HTML：

应用程序.js：

我在 Motion UI 的内置类方面也取得了一些成功，但是当我尝试使用自定义 mixins 时，这个动画会起作用：

而这种转变不会：

我有点困惑为什么会发生这些事情。