前言：
今天大家对“css闪动效果”大约比较看重，咱们都需要知道一些“css闪动效果”的相关内容。那么小编也在网络上网罗了一些关于“css闪动效果””的相关知识，希望朋友们能喜欢，咱们快快来了解一下吧！素材图片：
实现效果视频：
视频加载中...
源码文件：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div { width: 400px; height: 372px; margin: 100px auto; /* 设置动画的名称、完成一周期所花的时间、速度曲线、播放次数为无限循环infinite */ animation: love .5s ease infinite; } /* 规定动画 */ @keyframes love { 0% { /* transform设置对象变换，2D效果。 scale设置缩放，1位原大小。 */ transform: scale(1); } 50% { /* scale设置缩放，放大1.1倍 */ transform: scale(1.1); } 100% { /* 变回原大小 */ transform: scale(1); } } </style></head><body><div> <img src="images/love.jpg" alt="" width="400"/></div></body></html> 版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #css闪动效果
