是否可以在 Material-UI 中向 AppBar 元素添加过渡? 类属性似乎已正确完成,但仍然没有制作动画。我做错了什么?
查看此处的代码:CodeSandbox
在我的本地元素中,我提供了MuiThemeProvider,但是效果还是一样。
最佳答案
如果您将 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
}
}
- 将转换值从数组更改为字符串。
- 定义默认高度,以便过渡知道过渡到/从的高度。
关于css - Material-UI 中的 AppBar 转换?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52859988/