Material-UI中的AppBar过渡？

Question

是否可以在Material-UI中向AppBar元素添加过渡？ 看起来类属性正确完成了，但是仍然没有动画。我在做什么错了？

在此处查看代码：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
    }
  }

• 将转换值从数组更改为字符串。
• 定义默认高度，这样过渡就知道要过渡到/自过渡的高度。