Yang baru di Chrome 135

Rachel Andrew

Dipublikasikan: 1 April 2025

Chrome 135 diluncurkan sekarang, dan postingan ini membagikan beberapa fitur utama dari rilis tersebut. Baca catatan rilis Chrome 135 selengkapnya, dan lihat rangkuman kuartalan kami untuk mengetahui semua yang telah dirilis tahun ini.

Sorotan dari rilis ini

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

Carousel CSS

Ada banyak fitur CSS dalam catatan rilis, dan banyak di antaranya adalah penambahan 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 proyek 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 menggantikan atribut popovertargetaction dan popovertarget. Atribut baru ini dapat ditambahkan ke tombol, sehingga browser dapat mengatasi beberapa masalah inti terkait kesederhanaan dan aksesibilitas, serta menyediakan 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 lebih lanjut atribut baru ini di Memperkenalkan perintah 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 hampir setara dengan perintah 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, jadi akan segera tersedia di Baseline.

Dan banyak lagi!

Tentu saja masih banyak lagi.

  • Web Speech API kini menyertakan dukungan MediaStreamTrack.
  • Float16Array didukung dan menjadi Tersedia Baru (Baseline).
  • Observable API kini didukung.

Bacaan lebih lanjut

Hal ini hanya mencakup beberapa sorotan utama. Periksa link berikut untuk mengetahui perubahan tambahan di Chrome 134.

Langganan

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

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