从css3动画中删除javascript

Question

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

.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解决方案，是否有可能达到同样的效果？

Answer 1

使用CSS3动画，并使用它的delay和定时功能。如果页面加载后不立即发生，您可能仍然会使用JS来触发动画。

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

http://css-tricks.com/snippets/css/keyframe-animation-syntax/