今天给大家分享一个渐变的首页栏目,之前写了一篇二次元美化的,今天给大家分享一下这个效果!原创应该是炙焰!我也算是记录一下,防治效果丢失! 演示效果: 代码部署: [hidecontent type="payshow"] 直接把下方代码放到后台子比设置-自定义css样式即可! .index-tab ul>li{border-radius:7px;background:none;color:#000;transition:background-color .5s ease}.index-tab ul>li.active{background:linear-gradient(45deg,var(--gradient-active));background-size:400% 400%;animation:GradientShift 15s ease infinite}@keyframes GradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}} :root { --gradient-base-1: 255,127,80; --gradient-base-2: 148,143,255; --gradient-base-3: 76,175,80; --gradient-base-4: 255,165,0; --gradient-active: rgba(var(--gradient-base-1),0.3) 0%,rgba(var(--gradient-base-2),0.3) 25%,rgba(var(--gradient-base-3),0.3) 50%,rgba(var(--gradient-base-4),0.3) 75%,rgba(var(--gradient-base-1),0.3)... 开通会员享特权
专属内容无限访问
下载权限提升至最高级
专属子比付费美化优惠
免费下载更多精品资源
立即开通
展开全屏
返回顶部