一个非常不错的小动画适合 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 / -------- **/
常见问题
相关文章
猜你喜欢
- 最新WordPress全站整合包，内含免授权子比主题8.1及网创资源自动同步更新功能 2025-03-21
- WordPress AI文章自动生成与配图、长尾关键词衍生、内容批量抓取 2025-03-04
- WordPress教程：纯代码实现文章摘要添加ai功能 2024-12-03
- WordPress精简版CMS主题样式Class 2024-11-28
- WP-AutoPostPro中文版：WordPress高效自动内容采集与发布插件 2024-11-26
- 为WordPress网站页面添加水印的教程——附带JS源代码 2024-11-26
- WordPress教程 在文章的侧边栏添加一项滚动公告功能 2024-11-26
- WordPress主题美化升级 – 在侧边栏添加古诗一言小工具 2024-11-26
- WordPress原创插件：精准追踪超链接点击访问统计 2024-11-25
- 最新版本的WordPress网络创业资源美化全站主题源码 2024-11-25
