如何解决材质 UI 上 makeStayles 上的 transitionDelay
const useStyles = makeStyles({
buttonStyle: {
background: "red","&:hover": {
transitionDelay: '1',transform: "scale(1.1)",background: "red",},});
我如何在 makeStyles 上实现 i transitionDelay?这没有 工作。
解决方法
您在这里遗漏了一些东西:
- 您需要一个
transitionProperty
来应用transitionDelay
。在您的情况下,它是transform
CSS 属性。 - 您的
transitionDelay
需要包括延迟的单位,例如1s
或1000ms
。 - 如果您想在按钮未处于悬停状态时在按钮上应用转换效果,请将样式应用到按钮而不是
&:hover
。
这就是它的样子:
const useStyles = makeStyles({
buttonStyle: {
background: "red",transitionProperty: "transform",transitionDelay: "1s","&:hover": {
transform: "scale(1.1)",background: "red",},});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。