material-ui - 材质 UI 上 makeStayles 上的 transitionDelay
问题描述
const useStyles = makeStyles({
buttonStyle: {
background: "red",
"&:hover": {
transitionDelay: '1',
transform: "scale(1.1)",
background: "red",
},
},
});
我如何在 makeStyles 上实现我的 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",
},
},
});
推荐阅读
- python - 在 openCV2 网络摄像头上打印梵文文本
- java - 如何在java中将标头设置为selenium webdriver(每个请求可以使用不同的标头)
- vba - 删除外部标记后的 Outlook 主题排序
- jquery - 使用数据模型提交表单并获取 JSON 回复
- rust - 如何在 Diesel 中对 Postgres 数据库执行删除子查询?
- vue.js - 从 Vue 组件的 Javascript 部分到资产的路径
- python - 在 Python 中定义类变量时列表理解中未定义的变量
- c# - C# 反射方法 GetProperties(BindingFlags.Instance) 不返回子类对象
- ios - CollectionView 中的水平分页,就像 iPhone 相机中的一样(视频/慢动作/照片/等)
- blender - Cesium:gltf 文件的随机轮廓渲染