מחולל מעברי צבע CSS
צור מעברי צבע CSS ליניאריים, רדיאליים וקוניים בדפדפן שלך.
עצירות צבע
השתמש בידיות העצירה או במקשי החצים כדי לערוך מיקומים. כל עצירה כוללת צבע מפורש, אטימות ואחוז.
עיבוד מקומי בדפדפן
הגרדיאנט שלך נשאר בדפדפן זה. אין צבעים או CSS שנוצר נשלחים ל-Convertr.
תחביר ייבוא מוגבל
ייבוא מקבל linear-gradient(), radial-gradient() או conic-gradient() עם צבעי hex ואחוזים. הצהרות, כתובות URL, משתנים ופונקציות לא ידועות נדחות באופן מקומי.
צבע רקע חלופי נגיש
ה-CSS שנוצר כולל צבע רקע אחיד חלופי לצד מעבר הצבע עבור מעבדים לא נתמכים וממשק בקרה נגיש.
שאלות נפוצות
האם מעבר הצבע שלי הועלה?
לא. מצב מעבר הצבע, הצבעים, ה-CSS המיובא וה-CSS שנוצר נשארים בדפדפן שלך.
אילו סוגי מעברי צבע CSS נתמכים?
המחולל יוצר פלט linear-gradient(), radial-gradient() ו-conic-gradient() עם מספר עצירות צבע hex.
מה אוכל לייבא?
ייבוא מקבל תחביר מוגבל בכוונה באמצעות פונקציית מעבר צבע אחת נתמכת, צבעי hex, אחוזים אופציונליים וערכי זווית או מיקום מוגבלים.
מחולל מעברי צבע CSS
בנה מעברי צבע CSS ליניאריים או רדיאליים ותצוגה מקדימה של נקודות עצירה, זווית, מיקום וחזרות.
- קלט
- סוג מעבר צבע, נקודות עצירה של צבע, מיקומים, זווית והגדרות חזרה.
- פלט
- הצהרת רקע CSS חיה וניתן להעתיק.
- מגבלות אמיתיות
- עיבוד הדפדפן יכול להשתנות מעט לפי מנוע, והכלי אינו מעריך ניגודיות או מבטיח תמיכה בדפדפנים ישנים.
- פרטיות וטיפול בנתונים
- סוג מעבר צבע, נקודות עצירת צבע, מיקומים, זווית והגדרות חזרה מעובדים בכרטיסיית דפדפן זו. Convertr אינו מקבל או מאחסן אותו; סגירה או טעינה מחדש של הדף מנקה את מצב העבודה, אלא אם הכלי מציע במפורש הורדה מקומית.
כיצד להשתמש בכלי זה
- ספק סוג מעבר צבע, נקודות עצירת צבע, מיקומים, זווית והגדרות חזרה בבקרות הכלי.
- בחר את ההגדרות המשפיעות על תצוגה חיה ועל הצהרת רקע CSS הניתנת להעתקה, ולאחר מכן הפעל את הכלי.
- בדוק תצוגה מקדימה חיה והצהרת רקע CSS הניתנת להעתקה לפני העתקתה או הורדתה.
מצבי כשל נפוצים
עצירת צבע חסרה, צבע לא חוקי או מיקום לא תואם מונעים בניית הצהרת CSS חוקית.
דוגמה שימושית
צור מעבר צבע ליניארי של 90 מעלות מ-#111827 ב-0% ל-#f59e0b ב-100% והעתק את ההצהרה.