一个非常不错的小动画适合 RIPRO 主题,当移动鼠标指针指向头像时,头像会进行 360 度旋转,现在免费分享给大家,希望喜欢并收藏。
效果图如下:
代码如下,可直接复制到网站后台主题css中,也可以复制到文件: \ripro\assets\css\diy.css 中
/** ------ / css 样式来源至汇站网 / huizhanii.com / -------- **/ .avatar{padding1px;border1px solid #cfd9e1;width24px;height24px; border-radius 100% !important; -webkit-border-radius 100% !important; -moz-border-radius100% !important; box-shadow inset 0 -1px 0 #3333sf; -webkit-box-shadow inset 0 -1px 0 #3333sf; -webkit-transition 0.4s; -webkit-transition -webkit-transform 0.4s ease-out; transition transform 0.4s ease-out; -moz-transition -moz-transform 0.4s ease-out; } .avatarhover{ box-shadow 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1); -webkit-box-shadow 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1); transform rotateZ(720deg); -webkit-transform rotateZ(720deg); -moz-transform rotateZ(720deg); /** ------ / css 样式来源至汇站网 / huizhanii.com / -------- **/
常见问题
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
相关文章
猜你喜欢
- 7B2 PRO主题5.4.2免授权版本(直接安装) 2024-05-11
- 如果WordPress搜索结果为空,自动跳转到网站首页 2024-02-01
- 浏览器缓存可以分为强缓存和协商缓存两种方式 2024-01-21
- 如何让WordPress支持上传WebP格式图片? 2024-01-20
- 利用WordPress设置API实现自定义设置页面。 2024-01-20
- WordPress api接口 版本历史 2024-01-20
- WordPress用户密码加密和验证的详细解释 2024-01-19
- WordPress禁用媒体附件页面教程 2024-01-19
- WordPress修改了文章的默认密码保护提示 2024-01-19
- WordPress配置(站群)多站点详细教程方法 2024-01-19