使用方法
复制 CSS 代码到后台子比主题设置—》自定义 CSS 样式—》将 CSS 代码粘贴框里,即可大功告成。
自定义 CSS 代码:
/*首页文章列表悬停上浮开始*/
/*by:资源分享站 www.xzkkk.com*/
.tab-content .posts-item:not(article):hover{opacity: 1;z-index: 99;border-radius: 20px;transform: translateY(-5px);box-shadow: 0 3px 20px rgba(0, 0, 0, .25);animation: index-link-active 1s cubic-bezier(0.315, 0.605, 0.375, 0.925) forwards;}
@keyframes index-link-active {
0%{transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(0);}
16%{transform: perspective(2000px) rotateX(10deg) rotateY(5deg) translateZ(32px);}
100%{transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(65px);}
}
/*by:资源分享站 www.xzkkk.com*/
/*首页文章列表悬停上浮结束*/
效果图
![图片[1]- 九号资源网-网站源码-站长资源网专注福利技术教程活动软件-全网最大资源分享网WordPress首页文章列表悬停上浮开始- 九号资源网-网站源码-站长资源网专注福利技术教程活动软件-全网最大资源分享网九号源码网](https://ccgzs.oss-cn-hongkong.aliyuncs.com/wp-content/uploads/2023/07/QQ图片20230725210447.png)
© 版权声明
THE END
暂无评论内容