תאריך פרסום: 7 באפריל 2026
אנחנו משיקים עכשיו את Chrome 147, ובמאמר הזה נסביר על כמה מהתכונות העיקריות של הגרסה. הערות המוצר המלאות של Chrome 147
נקודות מרכזיות בגרסה הזו:
- מעברים בין תצוגות בהיקף של רכיב חושפים את
startViewTransitionברכיבי HTML שרירותיים. - CSS contrast-color() עוזר לעמוד בדרישות הנגישות.
- המאפיין
border-shapeשל CSS מאפשר ליצור גבולות לא מלבניים.
מעברי תצוגה בהיקף של רכיב
התכונה הזו חושפת את element.startViewTransition() ברכיבי HTML שרירותיים.
האלמנט מגדיר את ההיקף של המעבר, כלומר פסאודו-אלמנטים של מעבר מושפעים מקליפים ומטרנספורמציות של אלמנטים קודמים, ומספר מעברים באלמנטים נפרדים יכולים לפעול בו-זמנית.
בנוסף, מעברי תצוגה בהיקף רכיב מאפשרים להטמיע מעברי תצוגה מתמשכים ולשמור על שאר הדף כאינטראקטיבי.
מידע נוסף זמין במאמר Chrome 147 enables concurrent and nested view transitions with element-scoped view transitions.
CSS contrast-color()
הפונקציה הזו עוזרת לעמוד בדרישות הניגודיות לצורך נגישות.
אפשר להשתמש בפונקציה contrast-color() בכל מקום בשירות CSS שבו נדרש ערך צבע. הפונקציה מקבלת ארגומנט של ערך צבע ומחזירה 'שחור' או 'לבן', בהתאם לצבע שמספק את הניגודיות הכי גבוהה ביחס לארגומנט של הצבע.
מידע נוסף זמין במאמרי העזרה של MDN בנושא contrast-color().
המאפיין border-shape של CSS
המאפיין border-shape ב-CSS מאפשר ליצור גבולות לא מלבניים בכל צורה שרוצים, למשל, מצולע, עיגול או shape().
למרות ש-border-shape מקבלת את אותן צורות כמו clip-path, היא שונה ממנה באופן מהותי. border-shape מגדיר את הצורה של הגבול, מעצב אותו וגוזר רק את החלק הפנימי. border-shape יש שתי וריאציות: אחת שמשרטטת צורה ואחת שממלאת בין שתי צורות.
קריאה נוספת
המידע הזה כולל רק נקודות עיקריות. בקישורים הבאים מפורטים שינויים נוספים ב-Chrome 147.
- הערות לגבי הגרסה Chrome 147
- מה חדש בכלי הפיתוח ל-Chrome (147)
- עדכונים ב-ChromeStatus.com ל-Chrome 147.
- לוח הזמנים להשקה של Chrome.
הרשמה
כדי להתעדכן, כדאי להירשם כמנויים לערוץ YouTube של Chrome Developers. כך תקבלו התראה באימייל בכל פעם שנעלה סרטון חדש. אפשר גם לעקוב אחרינו ב-X או ב-LinkedIn כדי לקבל מאמרים ופוסטים חדשים בבלוג.
ברגע שגרסה Chrome 148 תושק, נעדכן אתכם כאן לגבי החידושים ב-Chrome.