CSS3动画如何设置滑动到当屏的时候才触发动画播放，这个附件可以发我一下吗，谢谢。

像这种效果，你要想知道，

已经下载下来，你拆开看一下就知道了。

说说原理，这里并不是纯css3，，只是用css3定义好动画，
@-moz-keyframes tips {
0% {box-shadow: 0px 0px 0px #f00;}
25% {box-shadow: 0px 0px 8px #f00;}
50% {box-shadow: 0px 0px 0px #f00;}
100% {box-shadow: 0px 0px 8px #f00;}
}

然后，js在切屏后，用Js来触发这一个样式，这个样式调用了刚才定义的动画。
.tips {
-webkit-animation:tips 1s;
-moz-animation:tips 1s ;
}

当然css3是可以做的，只是用纯css3，就没办法像这样可以拖动切屏，这个是需要js或者jq来完成。。。

如：ppt中有三个对象（都有动画）ABC,动画顺序也是依次ABC。 ABC动画都是单击：表示每次单击将依次出现动画； A是单击，BC动画都是之后：表示点击后A发生动画结束后，B发生动画，B动画结束后，C发生动画； A是单击，BC动画都是之前：表示点击后A...