CSS 漸層與流動漸層產生器
重點摘要：CSS 漸層產生器支援線性、放射、圓錐 3 種漸層，最多 8 個顏色，可做流動動態背景（預設 135 度、12 秒一個週期、背景尺寸 400%）與漸層文字，並自動在減少動態模式下停止動畫。
漸層文字效果
常見問題
流動漸層是怎麼做的？
把漸層背景放大到 400% 400%，再用 @keyframes 讓 background-position 在 0% 與 100% 之間來回移動；本站預設 12 秒一個週期，可設 2 到 120 秒。
漸層文字怎麼寫？
把漸層設為文字元素的背景，加上 background-clip: text（含 -webkit- 前綴），再把文字顏色設為 transparent，漸層就只會顯示在文字形狀內。
漸層最多可以放幾個顏色？
本站產生器至少需要 2 個、最多 8 個 HEX 顏色；圓錐漸層會自動把第 1 個顏色補在最後，讓頭尾銜接不斷色。