Firefox ๋ธŒ๋ผ์šฐ์ € ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ
  • ํ™•์žฅ ๊ธฐ๋Šฅ
  • ํ…Œ๋งˆ
    • Firefox์šฉ
    • ์‚ฌ์ „ ๋ฐ ์–ธ์–ด ํŒฉ
    • ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ € ์‚ฌ์ดํŠธ
    • Android ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ
๋กœ๊ทธ์ธ
Gradient Generator ๋ฏธ๋ฆฌ๋ณด๊ธฐ

Gradient Generator ์ œ์ž‘์ž: Vivek Parmar

Gradient Generator Firefox Extension: Create and customize CSS gradients with ease. Generate linear or radial gradients, preview them in real-time, and copy the CSS code directly. A simple tool for beautiful gradients in your projects.

0 (๋ฆฌ๋ทฐ 0๊ฐœ)0 (๋ฆฌ๋ทฐ 0๊ฐœ)
์‚ฌ์šฉ์ž 1๋ช…์‚ฌ์šฉ์ž 1๋ช…
Firefox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๋ฐ›์œผ์„ธ์š”
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ

ํ™•์žฅ ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ

์ •๋ณด
Gradient Generator Firefox Extension

Overview:-
The Gradient Generator Firefox Extension allows you to effortlessly create and customize CSS gradients. With a user-friendly interface, you can generate both linear and radial gradients, see them in real-time, and copy the CSS code for use in your projects.

Features:-
- Linear and Radial Gradients: Supports both gradient types with customizable options.
- Color Stops: Add and customize multiple colors in your gradient.
- Direction Control: For linear gradients, adjust the gradient direction using a slider.
- Live Preview: View the gradient in real-time as you adjust settings.
- CSS Code Output: Copy the generated CSS code directly from the extension.

Usage:-
Open the Extension: Click on the Gradient Generator icon in your Firefox toolbar to open the popup.
Select Gradient Type: Choose "Linear" or "Radial" gradient type from the dropdown menu.

Configure Parameters:-
1. For Linear Gradients: Use the slider to adjust the gradient direction (0ยฐ to 360ยฐ).
2. For Radial Gradients: Adjust the gradient settings as needed (direction not applicable).
3. Add Colors: Enter multiple colors separated by commas in the color input field (e.g., #ff0000, #00ff00, #0000ff).
4. Generate Gradient: Click the "Generate Gradient" button to view the gradient preview and CSS code.
5. Copy CSS Code: Copy the generated CSS code from the textarea to use in your web projects
0๋ช…์ด 0์ ์œผ๋กœ ํ‰๊ฐ€ํ•จ
๋กœ๊ทธ์ธํ•˜์—ฌ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์˜ ํ‰์ ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”
์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

๋ณ„์  ์ €์žฅ๋จ

5
0
4
0
3
0
2
0
1
0
์•„์ง ๋ฆฌ๋ทฐ ์—†์Œ
์ถ”๊ฐ€ ์ •๋ณด
๋ฒ„์ „
1.1
ํฌ๊ธฐ
14.13 KB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
์ผ ๋…„ ์ „ (2024๋…„ 7์›” 31์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
  • ์›น ๊ฐœ๋ฐœ ๋„๊ตฌ
  • ์™ธ์–‘
  • ์‚ฌ์ง„ ๋ฐ ๋™์˜์ƒ
๋ผ์ด์„ ์Šค
MIT ๋ผ์ด์„ ์Šค
๋ฒ„์ „ ๋ชฉ๋ก
  • ๋ชจ๋“  ๋ฒ„์ „ ๋ณด๊ธฐ
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
Mozilla ํ™ˆํŽ˜์ด์ง€๋กœ ์ด๋™

๋ถ€๊ฐ€ ๊ธฐ๋Šฅ

  • ์†Œ๊ฐœ
  • Firefox ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋ธ”๋กœ๊ทธ
  • ํ™•์žฅ ๊ธฐ๋Šฅ ์›Œํฌ์ƒต
  • ๊ฐœ๋ฐœ์ž ํ—ˆ๋ธŒ
  • ๊ฐœ๋ฐœ์ž ์ •์ฑ…
  • ์ปค๋ฎค๋‹ˆํ‹ฐ ๋ธ”๋กœ๊ทธ
  • ํฌ๋Ÿผ
  • ๋ฒ„๊ทธ ์‹ ๊ณ 
  • ๋ฆฌ๋ทฐ ์ง€์นจ

๋ธŒ๋ผ์šฐ์ €

  • Desktop
  • Mobile
  • Enterprise

์ œํ’ˆ

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • ๊ฐœ์ธ ์ •๋ณด
  • ์ฟ ํ‚ค
  • ๋ฒ•๋ฅ 

ํŠน๋ณ„ํ•œ ๊ณ ์ง€๊ฐ€ ์—†๋Š” ํ•œ, ๋ณธ ์‚ฌ์ดํŠธ์˜ ์ฝ˜ํ…์ธ ๋Š” Commons Attribution Share-Alike License v3.0 ๋˜๋Š” ๊ทธ ์ดํ›„ ๋ฒ„์ „์— ๋”ฐ๋ผ ์‚ฌ์šฉ์ด ํ—ˆ๊ฐ€๋ฉ๋‹ˆ๋‹ค.