不同的速度淡出

Question

我开始练习一些CSS3动画。我在这里有一些示例代码：http://jsfiddle.net/chricholson/z7Bg6/67/

我想知道，在未悬停时如何为动画指定更长的持续时间。目前，当我悬停时，它会采用相同的时间和设置来应用样式以将其删除。我想设置它，以便在未悬停时，背景颜色花费较长时间（夸大为2秒），以使背景颜色恢复正常，但仍然需要0.1s才能在悬停时消失。

Answer 1

这看起来可能与直觉相反，但实际上你会将更长的持续时间应用于常规选择器代码，并将更短的持续时间应用于：hover和：focus选择器代码。

你可以基本上想到正常的风格，因为当非悬停/聚焦时会发生什么。

看到此更新JSFiddle。