像这种效果,你要想知道,
已经下载下来,你拆开看一下就知道了。
说说原理,这里并不是纯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...