Temukan beberapa fitur menarik yang hadir di browser web stabil dan beta pada Juli 2022.
Rilis browser stabil
Pada bulan Juli, Firefox 103 dan Safari 15.6 menjadi stabil, dan dengan ini kami mendapatkan interoperabilitas untuk beberapa fitur CSS yang bagus.
Properti backdrop-filter
Firefox 103 menyertakan properti backdrop-filter yang digunakan untuk menerapkan efek seperti pemburaman ke area di belakang elemen. Dengan nilai ini di Firefox, browser kini tersedia di ketiga mesin telusur, meskipun Safari memerlukan awalan -webkit.
Properti scroll-snap-stop
Firefox juga menerapkan properti scroll-snap-stop. Properti ini memberi Anda kontrol apakah elemen scroll melewati kemungkinan posisi snap (dengan nilai default normal) atau harus dipaskan ke posisi pertama (dengan nilai always). Properti scroll-snap-stop kini ada di ketiga mesin browser.
Safari 15.6 adalah rilis yang sebagian besar didedikasikan untuk menyelesaikan masalah, tetapi merilis satu fitur CSS baru dengan class semu :modal. Fitur ini juga diluncurkan di Firefox 103. Class semu :modal memilih elemen saat semua di luar elemen tersebut tidak dapat berinteraksi hingga elemen ditutup. Misalnya, elemen dialog dibuka dengan showModal().
Rilis browser beta
Versi browser beta memberi Anda pratinjau hal-hal yang akan ada di versi stabil browser berikutnya. Inilah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum rilis tersebut dirilis.
Karena tanggal rilis berada di luar bulan, satu-satunya versi beta baru pada bulan Juni adalah Firefox 104.
CSS Font Loading API di Firefox 104 juga disertakan di Web Workers, dan properti animation-composition CSS, yang menentukan operasi komposisi yang digunakan saat beberapa animasi memengaruhi properti yang sama secara bersamaan.
Safari 16 beta yang disebutkan bulan lalu juga masih berlangsung.
Fitur beta ini akan segera hadir di browser stabil.
Bagian dari serial New to the web