אודות כלי זה
צור מעברי CSS ליניאריים ורדיאליים יפים עם עורך חזותי. בחר צבעים, התאם עצירות, שנה כיוון או זווית וראה את עדכון התצוגה המקדימה החיה בזמן אמת. העתק את קוד ה-CSS שנוצר - כולל קידומות של ספקים עבור דפדפנים ישנים יותר - והדבק אותו ישירות בגיליון הסגנונות שלך.
שאלות נפוצות
- האם מעברי CSS עובדים בכל הדפדפנים?
- מעברי CSS מודרניים (שיפוע ליניארי, רדיאלי) נתמכים בכל הדפדפנים הנוכחיים כולל Chrome, Firefox, Safari ו-Edge. הכלי יכול ליצור אופציונלי קידומות -webkit- עבור גרסאות דפדפן ישנות יותר.
- האם אני יכול ליצור מעברי צבע מרובים?
- כן. הוסף כמה עצירות צבע שאתה צריך. אתה יכול גם לכוונן את המיקום של כל עצירה כדי לשלוט היכן הצבעים מתערבבים. זה מאפשר שיפועים מורכבים של קשת בענן, שקיעה או מותגים מותאמים אישית.
- מה ההבדל בין שיפועים ליניאריים לרדיאליים?
- מעברי צבע ליניאריים מעבירים צבעים לאורך קו ישר (מלמעלה למטה, משמאל לימין, באלכסון או כל זווית). מעברי צבע רדיאליים מעבירים צבעים כלפי חוץ מנקודת מרכז בצורה מעגלית או אליפטית.
- האם אוכל להשתמש בשיפוע כרקע לטקסט?
- כן. השתמש רקע-קליפ: טקסט עם -webkit-text-fill-color: שקוף כדי להחיל את הצבע על הטקסט. ה-CSS שנוצר מספק את הגדרת ההדרגה - שלבו אותה עם מאפיינים אלה עבור טקסט מעבר.