transitionDelay on makeStayles on material-UI

Question

const useStyles = makeStyles({
buttonStyle: {
background: "red",
"&:hover": {
transitionDelay: '1',
transform: "scale(1.1)",
background: "red",
},
},
});

我怎样才能在makeStyles上暗示我过渡延迟？这没有 工作。

Answer 1

你在这里遗漏了一些东西：

1. 您需要一个transitionDelay将应用于的transitionProperty。在您的情况下，它是transformCSS 属性。
2. 您的transitionDelay需要包括延迟的单位，例如1s或1000ms.
如果要在按钮
3. 未处于悬停状态时对按钮应用过渡效果，请将样式应用于按钮而不是&:hover。

这是它的样子：

const useStyles = makeStyles({
buttonStyle: {
background: "red",
transitionProperty: "transform",
transitionDelay: "1s",

"&:hover": {
transform: "scale(1.1)",
background: "red",
},
},
});