Material-UI 中的 AppBar 转换？

Question

是否可以向 Material-UI 中的 AppBar 元素添加过渡？ class 属性似乎已正确完成，但仍然没有制作动画。我做错了什么？

看这里的代码：CodeSandbox

在我的本地项目中，我提供了MuiThemeProvider，但是效果还是一样。

Answer 1

如果您将 appBar 样式更改为以下样式，这将起作用：

  appBar: {
    height: theme.spacing.unit * 8,
    "-moz-transition": "height 4s linear",
    "-webkit-transition": "height 4s linear",
    transition: "height 4s linear",
    "&:hover": {
      height: theme.spacing.unit * 16
    }
  }

• 将转换值从数组更改为字符串。
• 定义默认高度，以便过渡知道要过渡的高度 to/from。