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

Advanced Frame Designer with Gradients ์ œ์ž‘์ž: Heinz-Jรผrgen Boms

Ein Werkzeug um Rahmen direkt in der Webseite zu gestalten. Ein eingebauter Colorpicker unterstรผtzt auch harmonische Farben. Ebenso werden Schatten 'BorderImage', Farbverlรคufe, 'transform Definitionen' und 'blend-mode' unterstรผtzt.

5 (3 reviews)5 (3 reviews)
์‚ฌ์šฉ์ž 32๋ช…์‚ฌ์šฉ์ž 32๋ช…
์ด ํ™•์žฅ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๋ ค๋ฉด Firefox๊ฐ€ ํ•„์š”ํ•จ
Firefox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๋ฐ›์œผ์„ธ์š”
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ

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

์Šคํฌ๋ฆฐ์ƒท
Setting the style parametersHarmonic Color PickerColorpicker with color mixerDialog for 'box-shadow'Dialog for 'border-image'Dialof for gradients
์ •๋ณด
Mit dem Advanced Frame Designer kรถnnen Rahmen direkt in der Webseite entworfen werden. Die folgenden Style-Parameter werden unterstรผtzt:
  • margin
  • border
  • padding
  • box-shadow
  • border-image
  • background fรผr Farbverlรคufe (gradients)
  • transform (scale, rotate, perspective, translate skew)
  • blend-mode
Die Farben werden aus einem integrierten Colorpicker per 'drag and drop' gesetzt. Der Colorpicker berechnet harmonische Farben und enthรคlt einen Farbmixer.
Zusรคtzlich werden drei DIV Elemente um das Element (z. B. ein Bild) eingefรผgt, um mehrere Rahmen zu kombinieren.
==> ANLEITUNG
Lokale Test: setze privacy.file_unique_origin = false
3๋ช…์˜ ๋ฆฌ๋ทฐ์–ด๊ฐ€ 5๋กœ ํ‰๊ฐ€ํ•จ
๋กœ๊ทธ์ธํ•˜์—ฌ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์˜ ํ‰์ ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”
์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

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

5
3
4
0
3
0
2
0
1
0
๋ฆฌ๋ทฐ 3๊ฐœ ๋ชจ๋‘ ์ฝ๊ธฐ
๊ถŒํ•œ ๋ฐ ๋ฐ์ดํ„ฐ๋” ์•Œ์•„๋ณด๊ธฐ

ํ•„์š”ํ•œ ๊ถŒํ•œ:

  • ํด๋ฆฝ๋ณด๋“œ์— ๋ฐ์ดํ„ฐ ๋„ฃ๊ธฐ
  • ์•Œ๋ฆผ ํ‘œ์‹œ
  • ๋ธŒ๋ผ์šฐ์ € ํƒญ์— ์ ‘๊ทผ
  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
  • ํ™ˆ ํŽ˜์ด์ง€
  • ์ง€์› ์‚ฌ์ดํŠธ
  • ์ง€์› ์ด๋ฉ”์ผ
๋ฒ„์ „
2.6
ํฌ๊ธฐ
274.61 KB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
3๋…„ ์ „ (2022๋…„ 4์›” 19์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
  • ์›น ๊ฐœ๋ฐœ ๋„๊ตฌ
  • ๊ธฐํƒ€
๋ผ์ด์„ ์Šค
GNU General Public License v3.0 ์ „์šฉ
๋ฒ„์ „ ๋ชฉ๋ก
  • ๋ชจ๋“  ๋ฒ„์ „ ๋ณด๊ธฐ
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
๋ฒ„์ „ 2.6์˜ ์ถœ์‹œ ์ •๋ณด
Conic-garadient and url() are supported in the background-image definition
If the checkbox is set, all dialog windows are brought to the front in the panel.
Mousewheel correction for the transparency value of the swatches.
Delete gradient only with set OFF (like Colorstop)
Various CSS corrections.
Heinz-Jรผrgen Boms ๋‹˜์˜ ๋‹ค๋ฅธ ํ™•์žฅ ๊ธฐ๋Šฅ
  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

Mozilla ํ™ˆํŽ˜์ด์ง€๋กœ ์ด๋™

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

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

๋ธŒ๋ผ์šฐ์ €

  • Desktop
  • Mobile
  • Enterprise

์ œํ’ˆ

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

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