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

教程简介:

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

相关图片:

图片[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-05-08 05:10:31,某些文章具有时效性,若有错误或已失效,请在下方留言
© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
还有吗!没看够!
取消
昵称表情代码图片

    暂无评论内容