开发软件和关键技术：DW；CSS3旋转和动画延迟
作者：坚定的守猴
撰写时间：2019年2月18日
自从尝试了nth-child的用法，现在结合CSS3的函数性质来做一个有意思考眼力的“小游戏”。
结构如下：
这结构就和上次的大同小异，就多了几张图片而已。
结构的关系可以这样理解：tp>tp0+tp1
样式如下：
盒子的样式结构，一目了然。
接下来就是往左边图片翻转的动画代码
通过伪类，去实现动画的效果。
原地翻转的
效果图如下
翻转的
通过实现的动画效果来看，鼠标指到的位置不同，图片翻转的效果就不大一样。可能还存在一点不足，后期会进行改进。
小总结：用CSS3和JS实现动画效果的区别，在动画实现方面，CSS3的代码快速而且简洁；但是有bug的话，JS可以去方便修改，但CSS3却不行。可能这也是两者之间的优缺点吧！
相关文章：