文字和背景渐变动效
1.文字渐变动效
h1{color: #f35626;
background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
from {-webkit-filter: hue-rotate(0deg)}
to {-webkit-filter: hue-rotate(-360deg)}
}
2.背景渐变动效
h1{color: #fff;
background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
-webkit-animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
from {-webkit-filter: hue-rotate(0deg)}
to {-webkit-filter: hue-rotate(-360deg)}
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步