css实现头像呼吸光环和鼠标悬停旋转放大-湘北广告

湘北广告快印

2022-08-08 / 0 评论 / 2 阅读 / 正在检测是否收录...

08/08

复制下面的代码到公用css就OK
很简单且很好看
Test

/*头像呼吸光环和鼠标悬停旋转放大开始*/
.avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
/*头像呼吸光环和鼠标悬停旋转放大结束*/

本文来源于湘北广告快印，未经允许禁止转载，原文链接: http://sc.xb07.com/p/581.html

版权：湘北广告快印

本文： http://sc.xb07.com/p/581.html

声明：以上内容仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站内容来自网络收集整理或网友投稿，版权争议与本站无关。您必须在下载后的24个小时之内，从您的设备中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请微信与我们联系处理。敬请谅解！

微信： xiaobg7777 ( ͡° ͜ʖ ͡°)✧早6:00—晚24:00在线

css实现头像呼吸光环和鼠标悬停旋转放大-湘北广告

评论 (0)