css - 我可以“反转” CSS 过渡吗？

Question

这是我想做的事情：

这是一个测验，有一个问题和几个答案。用户选择 1 个答案，然后显示正确答案是什么。

我希望正确答案按钮基本上“亮起”，然后逐渐恢复正常。

所以我可以给我的元素一个简单的样式，然后添加一个带有白框阴影的类。我可以在两者之间转换。

但我想添加类，然后元素获得全白框阴影，然后淡入正常状态。

那可能吗？

score 1 · Accepted Answer

你需要用@keyframes纯粹的方式来做CSS3

@keyframes animation_name{
  0%   {background: color1;}
  50%  {background: color2;}
  100% {background: color1;}
}

以及您想要动画的元素

css_selector{
   animation: animation_name 5s;
   animation-iteration-count:infinite;
}

并且不要忘记添加特定于浏览器-moz的-webkit前缀。

score 0 · Accepted Answer

0

这是给你的jsfiddle。应该做你需要的 - 只需点击黑色矩形。

于 2012-04-17T15:00:51.623 回答

score 0 · Accepted Answer

javascript 将类应用于元素（无 jquery）：

document.getElementById("id").className = "newclass";

3 回答 3