给网站用户头像添加呼吸光环和鼠标悬停旋转放大效果 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;}}
/*头像呼吸光环和鼠标悬停旋转放大结束*/
访问者在接受本网站服务之前,请务必仔细阅读免责声明条款并同意声明。访问者访问本网站的行为以及通过各类方式利用本网站的行为,都将被视作是对本声明全部内容的无异议的认可。

本文标签:

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

是否感觉到迷茫?不知道看啥了?点我随便看看吧!任意跳转到随机文章(#^.^#)

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

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

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

"