从css3动画中删除javascript

目前，我有这样一种风格：

.clip td{
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}

然后，我添加了一个css类，然后使用setTimeout删除该类，并给出一个简单的淡入淡出动画

---

不使用javascript是否可以达到同样的效果，并有一个完整的css解决方案？

使用CSS3动画，并使用它的

延迟和计时功能。如果页面加载后动画没有立即发生，您可能仍然会使用JS触发动画

Chris有一篇很好的文章帮助您理解和编写CSS3动画：

不同的动画，但除此之外，似乎是同一个问题：您能否制作一个包含JS的工作代码示例？它是在某个事件或单击时运行，还是在页面加载时立即运行？