כל הכלים / אתרים ושיווק / גרדיאנט CSS

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

בונים גרדיאנט ליניארי, רדיאלי או קוני, רואים אותו מתעדכן בזמן אמת, ומעתיקים קוד CSS מוכן לאתר או לאלמנטור.

גוררים את הסמנים כדי להזיז צבע. לחיצה על הפס מוסיפה צבע חדש.

סוג
צבעים
גרדיאנטים מוכנים
פורמט הקוד

מדביקים בקובץ ה-CSS, על האלמנט שרוצים לצבוע.

ברקע של אלמנטור אפשר לבחור רק שני צבעים. לגרדיאנט עם יותר צבעים, או קוני, בוחרים ״אלמנטור״ ומדביקים בלשונית מתקדם > CSS מותאם אישית (באלמנטור פרו).

גרדיאנט קוני נתמך בכל הדפדפנים המודרניים.

שאלות

ברקע מסוג גרדיאנט באלמנטור יש רק שני צבעים. לגרדיאנט עם יותר צבעים, חזרתי או קוני, בוחרים בכלי פורמט ״אלמנטור״ ומדביקים בלשונית מתקדם > CSS מותאם אישית, שזמינה באלמנטור פרו.

ליניארי עובר בקו ישר לפי זווית. רדיאלי מתפשט מנקודת מרכז החוצה בעיגול או באליפסה. קוני מסתובב סביב נקודה כמו מחוגי שעון, ומתאים לגלגל צבעים או לתרשים עוגה.

0deg הולך מלמטה למעלה, 90deg משמאל לימין, 180deg מלמעלה למטה ו-270deg מימין לשמאל. הצבע ב-0% נמצא בנקודת ההתחלה.

זה צבע גיבוי, הצבע הראשון של הגרדיאנט. הוא מוצג אם הגרדיאנט לא נטען, ואפשר למחוק אותו אם לא צריך.

כן. מורידים את האטימות של צבע מתחת ל-100%, והקוד נכתב ב-rgba. כך יוצרים שכבת הצללה שקופה מעל תמונת רקע, למשל כדי שטקסט לבן ייקרא טוב.

כלים שהולכים עם זה