Css 如何删除具体化浮动动作按钮动画？

我已经用创建了一个，但是当您将鼠标悬停在按钮上时显示选项的动画时间太长

我已经在谷歌上搜索并查看了FABs的Materialize文档，但我找不到任何方法来删除过渡或缩短过渡时间。以下是唯一的选择：

通过添加

单击切换

类，可以在单击时显示选项，而不是在悬停时显示选项，但这仍然具有动画效果

如何删除动画？

（缩短持续时间也是可以接受的）

下面是演示动画的StackSnippet：

document.addEventListener（'DOMContentLoaded'，function（）{
var elems=document.querySelectorAll（'.fixed action btn'）；
var实例=M.FloatingActionButton.init（elems）；
});

编辑模式

插入图表
报价格式
发表
附加文件

我假设您下载了css和js文件，并在本地加载到项目中

您可以取消整理js并在未整理的js中查找以下行：

key: "_animateInFAB",
  value: function() {
    var e = this;
    this.$el.addClass("active");
    var i = 0;
    this.$floatingBtnsReverse.each(function(t) {
      s({
          targets: t,
          opacity: 1,
          scale: [.4, 1],
          translateY: [e.offsetY, 0],
          translateX: [e.offsetX, 0],
          duration: 275, //this is duration in ms for opening fab.
          delay: i,
          easing: "easeInOutQuad"
      }), i += 40
    })
}

一旦你找到这些行，根据你的意愿改变持续时间，但这只会影响开场时间。在下面几行中，您可以看到类似的结束代码。我很久以前就开始使用Materialize，并在代码中进行了类似的修改。我希望这能帮助你

key: "_animateInFAB",
  value: function() {
    var e = this;
    this.$el.addClass("active");
    var i = 0;
    this.$floatingBtnsReverse.each(function(t) {
      s({
          targets: t,
          opacity: 1,
          scale: [.4, 1],
          translateY: [e.offsetY, 0],
          translateX: [e.offsetX, 0],
          duration: 275, //this is duration in ms for opening fab.
          delay: i,
          easing: "easeInOutQuad"
      }), i += 40
    })
}