【发布时间】:2021-10-19 18:09:35
【问题描述】:
我正在尝试在图像上实现过渡,因此当我将鼠标悬停在其上时,图像会以平滑过渡的方式展开。我在 Tailwind Play https://play.tailwindcss.com/QfZSly1nEB 上重新创建了我的问题。
如图所示,将鼠标悬停在图像上会按预期工作,并且图像大小会发生变化,但它并没有像预期的那样设置动画。我遵循了docs 中关于转换属性的指导,但没有运气
【问题讨论】:
标签: tailwind-css
我正在尝试在图像上实现过渡,因此当我将鼠标悬停在其上时,图像会以平滑过渡的方式展开。我在 Tailwind Play https://play.tailwindcss.com/QfZSly1nEB 上重新创建了我的问题。
如图所示,将鼠标悬停在图像上会按预期工作,并且图像大小会发生变化,但它并没有像预期的那样设置动画。我遵循了docs 中关于转换属性的指导,但没有运气
【问题讨论】:
标签: tailwind-css
这是因为 h-auto 类。如果将其更改为绝对值,则转换将起作用。
【讨论】:
h-auto 一起使用。由于图像大小是动态的,因此在我的用例中具有绝对值实际上并不适用
Maik 的答案非常有效,但如果您希望它集中在同一个地方,您也可以选择在悬停时使用缩放。
【讨论】: