WordPress用户头像呼吸光环+鼠标悬停旋转放大

使用方法

复制 CSS 代码到后台子比主题设置—》自定义 CSS 样式—》将 CSS 代码粘贴框里,即可大功告成。

自定义 CSS 代码:

/*头像呼吸光环和鼠标悬停旋转放大开始*/
/*by:资源发布页 www.xzkkk.com*/
.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;}}
/*by:资源发布页 www.xzkkk.com*/
/*头像呼吸光环和鼠标悬停旋转放大结束*/

效果图:

图片[1]- 九号资源网-网站源码-站长资源网专注福利技术教程活动软件-全网最大资源分享网WordPress用户头像呼吸光环+鼠标悬停旋转放大- 九号资源网-网站源码-站长资源网专注福利技术教程活动软件-全网最大资源分享网九号源码网
© 版权声明
THE END
喜欢就支持一下吧
点赞7赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容