Css3动画—扭曲、旋转

   *

Css3动画—扭曲、旋转

开发工具与关键技术：DW  / Html Css3
作者：冯海金
撰写时间：2019年2月03日星期日
利用css3动画实现模型和文本扭曲
1扭曲前## 标题
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190401195352752.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDUzOTA1NQ==,size_16,color_FFFFFF,t_70)

2扭曲后
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190401195528957.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDUzOTA1NQ==,size_16,color_FFFFFF,t_70)
 
代码：：

代表扭曲幅度的大小：
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  transform: skew(45deg);
利用css3动画实现模型和文本旋转
1旋转前
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019040119553689.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDUzOTA1NQ==,size_16