【转载】WordPress网站7B2主题用户头像旋转特效美化

转载3个月前发布 SanS三石
18 0 0

如图,头像边界+旋转,适用于个人中心界面以及右侧工具栏,非常花哨(可能只适用于WordPress网站7B2主题的美化【转载】WordPress网站7B2主题用户头像旋转特效美化

美化代码

放在b2/Assets/fontend/style.css文件底部即可

    复制代码

  1. /*头像呼吸光环和鼠标悬停旋转放大-www.xiaohulizyw.cn*/

  2. .avatar {

  3. border-radius: 50%;

  4. animation: light 4s ease-in-out infinite;

  5. transition: 0.5s;

  6. }

  7. .avatar:hover {

  8. transform: scale(1.15) rotate(720deg);

  9. }

  10. @keyframes light {

  11. 0%{box-shadow: 0 0 4px #f00;}

  12. 25%{box-shadow: 0 0 16px #0f0;}

  13. 50%{box-shadow: 0 0 4px #00f;}

  14. 75%{box-shadow: 0 0 16px #0f0;}

  15. 100%{box-shadow: 0 0 4px #f00;}

  16. }

 

相关声明

本站上的部份代码,教程,软件,插件来自会员发布以及互联网收集,不代表本站立场,仅供网友个人学习交流或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请用户仔细辨认内容的真实性,避免上当受骗!本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请在下载24小时内删除!若您喜欢本文可附上原文链接随意转载。如无意侵害了您的权益,请发送邮件至 admin@560743.com 或点击右侧 私信:睿云网络-管理 反馈,我们将尽快处理。如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源“任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,建议下载7-zip。zip、rar解压,建议下载WinRAR。。

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...