WordPress首页文章列表悬停上浮开始

使用方法

复制 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首页文章列表悬停上浮开始- 九号资源网-网站源码-站长资源网专注福利技术教程活动软件-全网最大资源分享网九号源码网
© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容