假设我有一个按钮:
<button>Some Text</button>
默认情况下，样式表的文本为黑色。
然后是这个css:
button {
transition: color 0.15s ease-out;
color: rgba(255,255,255,0.75);
}
button:hover {
transition: color 0.15s ease-out;
color: #fff;
}
目标是在悬停时巧妙地从灰白色渐变为白色，然后在悬停时再次返回到正常按钮外观。
问题是当我第一次加载页面时，按钮的黑色初始颜色被我应用在按钮上的过渡覆盖，并且可以短暂地看到黑色文本褪色为off-white。
如何使初始状态加载没有动画?或者更准确地说，是否有一种方法可以实现像:hover-off这样的东西，仅在悬停状态关闭时控制动画?
对不起，我的声誉不够。你的动画不工作了，请解释清楚你要做什么?
你在尝试实现这个吗?
button:hover {
transition: 0.5s ease-out;
color : white;
}
如果你必须加载一些JavaScript，你可以把它放在 CSS之后的<head> 。这是一种hack，但是它可以工作。
HTML解析被发起外部资源请求的<script>标签阻止。我猜CSS动画不会开始，直到<body>已经完全解析，这就是为什么这工作。