什麼是漸層產生器?

一款視覺化 CSS 漸層建構工具,支援建立線性、放射狀和錐形漸層,並可新增無限色標。即時調整角度、位置和顏色,一鍵複製可直接用於正式環境的 CSS 程式碼。

使用方法

  1. 步驟一 — 選擇漸層類型(線性、放射狀或錐形),使用角度滑桿或預設按鈕設定方向或角度。
  2. 步驟二 — 點擊漸層列新增色標,透過拖曳或輸入精確數值來調整每個色標的顏色和位置。
  3. 步驟三 — 即時預覽漸層效果,然後將產生的 CSS 程式碼複製到剪貼簿,或下載為 CSS 檔案。

結果

一位網頁設計師需要製作日落主題的首屏背景。他選擇 135° 線性漸層,在 0% 處設置橙色、50% 處設置玫瑰紅、100% 處設置紫色,隨即將 CSS 程式碼直接貼入樣式表。

相關工具