⭐ 0
🔍
טקסט תמונה PDF ומסמכים אודיו מוזיקה אלקטרוניקה זמן כלי עזר מאמתים אזוטרי משחקים

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

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

90°
מעבד... 0%

תוצאה

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

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

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

🛡️
מבוצע בדפדפן

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

פורמטים וכללים מקובלים

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

יתרונות מרכזיים

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

מקרי שימוש

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