如何更改Materialize.css的下拉动画？

Question

如何在Materialize.css框架中编辑下拉菜单的动画？

https://materializecss.com/dropdown.html

css code of dropdown-content by Materialize.css

当我单击时，有内嵌的translateY和X为内联动画。如何使它从顶部出现？

作为此示例，我需要为导航创建一个悬停

https://codepen.io/AUDesign/pen/VNYYrV

这没有帮助。

  $('.dropdown-trigger').dropdown({
    constrainWidth: false,
    coverTrigger: false,
    hover: true,
    inDuration: 300,
    outDuration: 300,
    alignment: 'left', // Displays dropdown with edge aligned to the left of button

});