Firefox 瀏覽器附加元件
  • 擴充套件
  • 佈景主題
    • 用於 Firefox
    • 字典與語言套件
    • 其他瀏覽器網站
    • Android 版的附加元件
登入
ColorBeta 預覽

ColorBeta 作者: RvD

CSS Gradient Editor (Linear, Radial and Conic).

0(0 筆評分)0(0 筆評分)
1 位使用者1 位使用者
下載 Firefox 並安裝擴充套件
下載檔案

擴充套件後設資料

畫面擷圖
Click on a color stop to edit its color.Click under the preview bar to add a new color stopChange the gradient type (either linear, radial or conic)Copy the CSS codeFor more advanced features, you can directly edit the gradient on ColorBeta.com
關於此擴充套件
Easily create a simple color gradient and export it in CSS format.

1) Select a color stop to modify its hue, saturation, luminosity or opacity. You can also directly type its hexadecimal code or use the "EyeDropper" tool.

2) Drag the color stop to modify its position (you can also enter a numerical value directly).

3) Create a color stop by clicking below the preview bar. Remove it by dragging it below the preview bar until it disappears.

4) Hover over the gradient to display options allowing you to choose the gradient type (linear, radial or conic) and its orientation (only for linear and conic gradients).

5) Click on the "Copy" button to copy the CSS code.

6) By clicking on the "Edit" (pencil) button, you can also directly edit your gradient on colorbeta.com, giving you access to advanced options (such as gradient overlay, gradient repeat, radial gradient modification, etc.).
由 1 位評論者給出 0 分
登入後即可幫此擴充套件評分
目前沒有評分

已儲存星等

5
0
4
0
3
0
2
0
1
0
還沒有評論
更多資訊
附加元件網址
  • 首頁
  • 技術支援網站
  • 技術支援信箱
版本
1.0.1
大小
38.49 KB
最近更新
2 年前 (2024年4月11日)
相關分類
  • 網頁開發
授權條款
Mozilla Public License 2.0
版本紀錄
  • 瀏覽所有版本
新增至收藏集
檢舉此附加元件
前往 Mozilla 官網

附加元件

  • 關於
  • Firefox 附加元件部落格
  • 擴充套件工作坊
  • 開發者交流中心
  • 開發者政策
  • 社群部落格
  • 討論區
  • 回報 Bug
  • 評論撰寫指南

瀏覽器

  • Desktop
  • Mobile
  • Enterprise

產品

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • 隱私權
  • Cookie
  • 法律資訊

除另有註明外,本站內容皆採用創用 CC 姓名標示—相同方式分享條款 3.0 或更新版本授權大眾使用。