跳到主要內容

漸層流動

背景漸層位置緩慢移動,形成流動感。

效果預覽
參數調節
完整代碼
/* 漸層流動 */
@keyframes gradientShift {
  0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

.gradient-shift { background-size: 200% 200%; animation: gradientShift 4s ease infinite; }