子比主题丨给文章列表加一个浮动动态效果



子比主题加一个文章列表浮动效果,这个确实很好看,我今天算记录一下,并且分享给大家。

图片[1] - 子比主题 - 给文章列表加一个浮动动态效果

代码部署

将下面代码放到子比主题=>自定义CSS即可,我默认的是白色的,颜色可以调,rgba(255,255,255,0.35),这是rgb颜色代码,是白色的代码,如果需要其他颜色可以去网上找rgb网站代码然后把下面的里面的数字替换即可!!

/*列表加载特效
      .tab-content .posts-item:not(article),.posts-row .posts-item:not(article){transition:all 0.2s}@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)}}.tab-content .posts-item:not(article):hover,.posts-row .posts-item:not(article):hover{opacity:1;z-index:1;border-radius:20px;box-shadow:0 8px 10px rgba(255,255,255,0.35);animation:index-link-active 1s cubic-bezier(0.315,0.605,0.375,0.925) forwards}
温馨提示:本文最后更新于2024-04-16 13:58:51,某些文章具有时效性,若有错误或已失效,请在下方留言或联系老卢

—- 本篇内容已结束,请看下一篇内容—-

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
相关推荐
评论 抢沙发

请登录后发表评论

    暂无评论内容