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