漸層產生器
產生線性、放射或圓錐漸層,加入色標、調整方向,CSS 程式碼一鍵複製。
形狀
每個漸層都在你的瀏覽器裡繪製,這裡設定的內容不會上傳到 BroBroGo。
常見問題
線性、放射、圓錐漸層有什麼差別?
線性漸層讓顏色沿著一條直線過渡,方向由角度決定;放射漸層從中心向外擴散,可以是圓形或橢圓;圓錐漸層則繞著中心轉一圈,像色輪一樣。
色標是什麼?
每個色標就是固定在漸層某個位置上的一種顏色——起點是 0%,終點是 100%。拖動色標可以改變這個顏色最濃的位置,多加幾個色標能讓過渡更豐富,最多可以加八個。
要怎麼控制漸層方向?
線性和圓錐漸層的方向由角度滑桿控制,0° 朝上,90° 朝右。放射漸層沒有角度,改選圓形或橢圓來調整它擴散的樣子。