我开始练习一些CSS3动画。我在这里有一些示例代码：http://jsfiddle.net/chricholson/z7Bg6/67/
我想知道，如何在取消悬停时为动画指定更长的持续时间。目前，当我悬停时，它似乎采用相同的时间和设置来应用样式来移除它们。我想设置它，以便在不悬停时，需要更长的时间（夸大到2秒之间）才能使背景颜色渐渐恢复正常，但在悬停时仍然需要0.1秒才能消失。
答案 0 :(得分：3)
这可能看似违反直觉，但您实际上会将较长的持续时间应用于常规选择器代码，并将较短的持续时间应用于：hover和：焦点选择器代码。
你可以基本上把正常的风格看作是在悬停/聚焦时会发生什么。
请参阅此更新JSFiddle。