材质 UI 上 makeStayles 上的 transitionDelay

问题描述

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

我如何在 makeStyles 上实现 i transitionDelay？这没有 工作。

解决方法

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

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

这就是它的样子：

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