جدید در کروم ۱۴۷

راشل اندرو

منتشر شده: ۷ آوریل ۲۰۲۶

کروم ۱۴۷ اکنون در حال انتشار است و این پست برخی از ویژگی‌های کلیدی این نسخه را به اشتراک می‌گذارد. یادداشت‌های کامل انتشار کروم ۱۴۷ را بخوانید.

نکات برجسته این نسخه:

انتقال‌های نمای محدود به عنصر

این ویژگی element.startViewTransition() را روی عناصر دلخواه HTML در معرض نمایش قرار می‌دهد. این عنصر، محدوده‌ای برای گذار ایجاد می‌کند، به این معنی که شبه عناصر گذار تحت تأثیر کلیپ‌ها و تبدیل‌های اجداد قرار می‌گیرند و چندین گذار روی عناصر جداگانه می‌توانند همزمان اجرا شوند.

انتقال‌های نمای محدود به عنصر همچنین به شما امکان می‌دهند انتقال‌های نمای جاری را تودرتو کنید و بقیه صفحه را تعاملی نگه دارید.

برای کسب اطلاعات بیشتر به کروم ۱۴۷ مراجعه کنید. این مرورگر امکان انتقال همزمان و تو در تو را با انتقال‌های نمایش در محدوده عنصر فراهم می‌کند .

contrast-color()

این عملکرد به شما کمک می‌کند تا الزامات کنتراست برای دسترسی‌پذیری را برآورده کنید.

شما می‌توانید از تابع contrast-color() در هر جایی از CSS که مقدار رنگ مورد انتظار است، استفاده کنید. این تابع یک آرگومان مقدار رنگ دریافت می‌کند و بسته به اینکه کدام یک بیشترین کنتراست را در برابر آرگومان رنگ ایجاد می‌کند، مقدار «سیاه» یا «سفید» را برمی‌گرداند.

برای اطلاعات بیشتر در مورد contrast-color() به مستندات MDN مراجعه کنید.

The CSS border-shape property

ویژگی border-shape در CSS به شما امکان می‌دهد حاشیه‌های غیرمستطیلی با هر شکل دلخواهی، مثلاً چندضلعی، دایره یا shape() ایجاد کنید.

اگرچه border-shape همان شکل‌های clip-path را می‌پذیرد، اما اساساً متفاوت است. border-shape شکل حاشیه را تعریف می‌کند، آن را تزئین می‌کند و فقط داخل آن را برش می‌دهد. border-shape دو نوع دارد: یکی که دور یک شکل را خط می‌کشد و دیگری که بین دو شکل را پر می‌کند.

مطالعه بیشتر

این فقط برخی از نکات برجسته کلیدی را پوشش می‌دهد. برای تغییرات بیشتر در کروم ۱۴۷، لینک‌های زیر را بررسی کنید.

اشتراک

برای به‌روز ماندن، در کانال یوتیوب توسعه‌دهندگان کروم مشترک شوید و هر زمان که ویدیوی جدیدی منتشر کنیم، یک اعلان ایمیلی دریافت خواهید کرد. یا برای مقالات و پست‌های وبلاگ جدید، ما را در X یا لینکدین دنبال کنید.

به محض انتشار کروم ۱۴۸، ما همینجا هستیم تا به شما بگوییم چه چیزهایی در کروم جدید است!