动画CSS3的缩放效果

最新推荐文章于 2024-07-02 16:31:14 发布

回家打Boss

最新推荐文章于 2024-07-02 16:31:14 发布

阅读量1.1k

点赞数 2

本文链接：https://blog.csdn.net/weixin_44545712/article/details/86518055

版权

									动画CSS3的缩放效果
								(作者：纳兹，撰写日期：2019.01.17)
				下面是一个CSS3动画的缩放效果的Html和CSS的代码

在这里插入图片描述

先设置边框与图片大小，指定动画名称（animation-name），设定动画执行时间（animation-duration）,设定一个动画的复合属性（animation-timing-funciotn，animation-delay）设置它不断的执行下去和延迟执行时间等。设置关键帧（keyframes），设置圆角效果等待动画执行缩放圆角效果跟着执行在这里插入图片描述以上为缩放效果的实现