מחולל גרדיאנטים CSS

סוג גרדיאנט

זווית (מעלות)

צורה

עצירות צבע

פלט CSS

מה זה גרדיאנט CSS?

גרדיאנטים ב-CSS מאפשרים לכם להציג מעברים חלקים בין שני צבעים או יותר ללא שימוש בקבצי תמונה. הם מגיעים בשלושה סוגים: linear-gradient (לאורך קו ישר), radial-gradient (מקרין מנקודה מרכזית) ו-conic-gradient (מסתובב סביב נקודה מרכזית). גרדיאנטים משמשים לרקעים, כפתורים, שכבות-על ואלמנטים דקורטיביים.

כיצד להשתמש במחולל גרדיאנטים CSS

בחרו הגדרה מוכנה מהדוגמאות או הגדירו גרדיאנט משלכם.
בחרו את סוג הגרדיאנט: linear, radial או conic.
כווננו את הזווית (עבור linear/conic) או הצורה (עבור radial).
ערכו עצירות צבע — שנו צבעים ומיקומים (0–100%).
הוסיפו או הסירו עצירות צבע לפי הצורך.
העתיקו את ה-CSS והדביקו אותו בגיליון הסגנונות שלכם.

Keywords: מחולל גרדיאנט CSS, גרדיאנט ליניארי, גרדיאנט רדיאלי, גרדיאנט קוני, מחולל רקע CSS, בורר צבע גרדיאנט, כלי גרדיאנט CSS