给网站用户头像添加呼吸光环和鼠标悬停旋转放大效果 css代码

  • 内容
  • 相关

给网站用户头像添加呼吸光环和鼠标悬停旋转放大效果 css代码

9.png

/*头像呼吸光环和鼠标悬停旋转放大开始*/
.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;}}
/*头像呼吸光环和鼠标悬停旋转放大结束*/

【重要】如果发现本站广告位以及分享的软件程序和第三方网站内容出现违规欺诈等的请联系我们下架和删除处理。

访问者在接受本网站服务之前,请务必仔细阅读免责声明条款并同意声明。访问者访问本网站的行为以及通过各类方式利用本网站的行为,都将被视作是对本声明全部内容的无异议的认可。
头像
个性签名: 所谓的安全感,都是钱给的。
分类上一篇:网站添加鼠标跟随特效代码 实现拟态效果 分类下一篇:程序员在线用代码写跳动的爱心 HTML表白网页源码

本文标签:

全站上一篇:QQSVIP动态图标素材汇总 图床外链地址分享 全站下一篇:网站添加鼠标跟随特效代码 实现拟态效果

版权声明:本文由《乐于分享网》提供。请勿用于商业用途,转载请保留本文链接并说明出处。

本文链接:给网站用户头像添加呼吸光环和鼠标悬停旋转放大效果 css代码 - https://www.oovvv.com/yuanma/4762.html

官方微信公众号“看福利网”QQ交流群:①399835280 ②559335110 ③277235049

你的电子邮件地址不会被公开。 必填项已用*标注。每天点击网站内的广告,帮助网站运营发展。

评论严禁乱打水字,否则会被删号哟~ 可以跟队形和点击评论框下方的'打卡''赞''踩'功能快速回复。

"