מחולל גרדיאנט CSS Conic
בנה מעברי CSS בצורה ויזואלית: סוג ליניארי, רדיאלי או חרוטי, מחוון זווית ועד שש עצירות צבע עם תצוגה מקדימה חיה ברוחב מלא וקוד שניתן להעתיק.
מעבד...
0%
תוצאה
עמוד זה פותח את מחולל השיפועים עם הסוג החרוט שכבר נבחר: במקום לדהות לאורך קו או החוצה מהמרכז, הצבעים מסתובבים במרכז כמו מחוג שעון, החל מהזווית שהגדרת במחוון.
conic-gradient() הוא החדש ביותר מבין שלוש פונקציות מעבר ה-CSS וזו שמאחורי תרשימי עוגה, גלגלי צבע ואפקטים מושכים את העין של גבול מסתובב. עמדות עצירה באחוזים הן מיקומים מסביב למעגל - שתי עצירות ב-0% ו-100% משתלבות בצורה חלקה לאורך כל הדרך, בעוד עצירות הממוקמות קרוב זו לזו יוצרות טריזים פריכים.
כוונן את זווית ההתחלה והעצירות עד שהתצוגה המקדימה תקרא נכון, ולאחר מכן העתק את שורת הרקע. כל הדפדפנים המודרניים תומכים בשיפועים חרוטיים, כך שהקוד בטוח למשלוח.