Yang baru di Chrome 135

Rachel Andrew

Dipublikasikan: 1 April 2025

Chrome 135 kini diluncurkan, dan postingan ini membagikan beberapa fitur utama dari rilis tersebut. Baca catatan rilis Chrome 135 selengkapnya, dan lihat ringkasan kuartalan kami untuk semua yang dirilis sejauh ini tahun ini.

Sorotan dari rilis ini

Ada serangkaian fitur yang mengaktifkan carousel CSS. Atribut command dan commandfor memungkinkan Anda melampirkan perilaku ke tombol dengan cara deklaratif. Fungsi shape() CSS memungkinkan Anda menentukan bentuk untuk properti clip-path dan offset-path.

Carousel CSS

Ada banyak fitur CSS dalam catatan rilis, dan banyak dari fitur tersebut adalah tambahan kecil yang berbeda yang digabungkan untuk mengaktifkan carousel CSS. Fitur utama adalah elemen semu CSS baru—::scroll-button() and::scroll-marker()`, yang memungkinkan Anda mengubah area yang dapat di-scroll menjadi carousel.

Untuk mengetahui cara menggunakan fitur baru ini, dan mendapatkan inspirasi untuk project Anda sendiri, baca Carousel dengan CSS.

Atribut command dan commandfor

Chrome 135 memperkenalkan kemampuan baru untuk memberikan perilaku deklaratif dengan atribut command dan commandfor baru, yang meningkatkan dan mengganti atribut popovertargetaction dan popovertarget. Atribut baru ini dapat ditambahkan ke tombol, sehingga browser dapat mengatasi beberapa masalah inti terkait kesederhanaan dan aksesibilitas, serta memberikan fungsi umum bawaan.

HTML berikut menyiapkan hubungan deklaratif antara tombol dan menu yang memungkinkan browser menangani logika dan aksesibilitas untuk Anda. Anda tidak perlu mengelola aria-expanded atau menambahkan JavaScript tambahan.

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

Pelajari atribut baru ini lebih lanjut di Memperkenalkan command dan commandfor.

Fungsi shape() CSS

Fungsi CSS shape() digunakan untuk menentukan bentuk untuk properti clip-path dan offset-path.

Fungsi shape() menggunakan serangkaian perintah yang kira-kira setara dengan yang digunakan oleh path(), tetapi melakukannya dengan sintaksis CSS yang lebih standar, dan memungkinkan berbagai fungsi CSS, seperti unit tambahan dan fungsi matematika. Fitur ini tersedia di Firefox Nightly dan Safari 18.4 beta, sehingga Baseline Baru akan segera tersedia.

Dan banyak lagi!

Tentu saja masih banyak lagi.

  • Web Speech API kini menyertakan dukungan MediaStreamTrack.
  • Float16Array didukung dan menjadi Dasar Pengukuran yang Baru tersedia.
  • Observable API kini didukung.

Bacaan lebih lanjut

Bagian ini hanya membahas beberapa sorotan utama. Lihat link berikut untuk mengetahui perubahan tambahan di Chrome 134.

Langganan

Untuk terus mendapatkan info terbaru, subscribe ke channel YouTube Developer Chrome, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru. Atau, ikuti kami di X atau LinkedIn untuk artikel dan postingan blog baru.

Segera setelah Chrome 135 dirilis, kami akan segera memberi tahu Anda tentang yang baru di Chrome.