css3缩放和位移

开发工具与关键技术:css3缩放和位移
作者:梁文杰
撰写时间:2019年2月6日

css3缩放和位移
我们就用前一个的模板来继续,首先用简单的css3做一个图形的缩放和位移
首先我们先设一个div,并给他命名,然后再给他设基本边框样式并给他一个动画时长,如下图所示?
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

然后我们给他设缩放,下图2,3为变化前后(有必要说明一下,scale后的括号里面分别是,图形的宽,高的缩放倍数)
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
最后我们来设位移,请看下图2,3,4(从左上到右下在回到左上)
在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述

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

猜你喜欢

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