抱歉我的英语很糟糕。 我遇到了 CSS 和转换问题。
我需要制作一个 100px x 100px 的 div，这当然只是一个例子。
当我将光标悬停在其上时，它应该增大并变为 500 像素 x 500 像素。
在这里，一切都很好并且工作正常。 问题是，当我删除光标时，我需要 div 返回到 100x100px，但它不会有过渡，它只是消失并返回 100x100px。 我该如何解决这个问题？
这是我使用的代码。
<html>
<head>
<style>
div.resize {
width: 100px;
height: 100px;
background: rgb(80,80,80);
}
div.resize:hover {
width: 500px;
height: 500px;
transition-duration: 1s;
}
</style>
</head>
<body>
<div class="resize"></div>
</body>
</html>
最佳答案
目前您说的是悬停时只能有动画。您希望动画在离开元素后反转(不再悬停)，但这是不允许的，因为没有悬停的 div 没有设置动画。
只需将 transition-duration: 1s 放在 'div.resize' 上，而不是放在 'div.resize:hover' 上，它就被修复了。
关于html - CSS 转换出错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43172385/