制作一个点击后的css3动画

最近做一个动画效果比较多的页面。感觉css3写动画效果比较好用。但是css的动画如何触发呢？

首先我们还是应该做一个css动画

如图所示，我们就定义了一个名字为appear的动画。但是如果直接把class写在标签上，那么标签加载时就会执行动画。

于是我们就需要在js的点击事件中加入这个类。

这样就可以在点击时执行想要的动画了！！

ps：此动画为设置透明度显示的动画。这个div其实一直都在。所以要个这个div一个display:none;的属性。等到动画调用时在给display:block;这样这个div就不会影响页面别的地方了。