动画与变形的简单实现

作者：郑名方
本次任务完成时间：2019年1月 17日～2019年1月 18日
开发工具与关键技术：Visual Studio || 动画animation
完成模块功能：变形transform(旋转 rotate()、扭曲 skew ()、缩放 scale()、位移 translate()、原点 transform-origin) 与 动画animation(过渡属性 transition-property、过渡所需时间 transition-duration、过渡函数 transition-timing-function、过渡延迟时间 transition-delay)

一、 要完成下面动画的效果我们来看一个例子，我们使用@ keyframes的方法通过变形transform()的rotade()、skew ()、 scale()、translate()都通过改变度数从而实现不一样的效果。分别有旋转、扭曲、缩放、位移的效果。
二、 要实现下面动画的效果，我们通过transition-property、 transition-duration、transition-timing-function、 transition-delay来实现的。

三、 用红色笔圈出来的是样式的插入。