תאריך פרסום: 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.
הרשמה
כדי להתעדכן, כדאי להירשם לערוץ Chrome Developers ב-YouTube ולקבל התראה באימייל בכל פעם שנעלה סרטון חדש. אפשר גם לעקוב אחרינו ב-X או ב-LinkedIn כדי לקבל מידע על מאמרים ופוסטים חדשים בבלוג.
ברגע שגרסה Chrome 148 תושק, נעדכן אתכם כאן לגבי החידושים ב-Chrome.