css3旋转和扭曲

开发工具与关键技术:css3旋转和扭曲
作者:梁文杰
撰写时间:2019年2月2日

css3旋转和扭曲
用简单的css3做一个图形的旋转和扭曲
首先我们先设一个div,并给他命名,然后再给他设基本边框样式并给他一个动画时长,如下图所示?
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

然后我们来设旋转,请看下图(有必要说明一下,在这里的宽高必须比设图形的宽高要大)
在这里插入图片描述在这里插入图片描述
然后就是图形的扭曲,我们可以直接用上面的图形来试验,我们可以一起设,也可以分开X轴Y轴设,如下图所示?
在这里插入图片描述在这里插入图片描述

发布了40 篇原创文章 · 获赞 44 · 访问量 4134

猜你喜欢

转载自blog.csdn.net/weixin_44565686/article/details/86753855