统计
  • 文章总数:20 篇
  • 评论总数:0 条
  • 分类总数:23 个
  • 最后更新:6天前

css实现头像呼吸光环和鼠标悬停旋转放大

本文阅读 1 分钟
首页 技术分享,css 正文
本文最后更新于2022年11月30日,已超过8天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

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

/*头像呼吸光环和鼠标悬停旋转放大开始*/
.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;}}
/*头像呼吸光环和鼠标悬停旋转放大结束*/
原创文章,作者:苏晨,如若转载,请注明出处:https://blog.sxchl.cn/73.html
-- 展开阅读全文 --
文章版权声明 1、本网站名称:友晨科技
2、本站永久网址:www.youchen.club。本博客文章如若转载,请注明出处。
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ528609062进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们,我们会第一时间更新。
一个js,让你实现简单的网站测压
« 上一篇 07-17
宝塔新建php文件实现百度自动推送
下一篇 » 07-17

发表评论

发表评论

作者信息

现在时间

动态快讯

    请配置好页面缩略名选项

热门文章

最多点赞

标签TAG

热评文章

最近回复