Gaya CSS terbaru di Framer

Di Framer, atribut CSS yang sering digunakan untuk mengimplementasikan UI modern didukung secara luas. Misalnya, atribut seperti Blur, Filters, Blending, Z Index, Cursor, Pointer Events, User Select didukung dalam style, dan semua style ini bekerja stabil di browser terbaru.

Panduan ini akan menjelaskan atribut Overscroll dan Mask, yang baru-baru ini diperkenalkan di browser.

Atribut Overscroll

Overscroll adalah atribut yang mengontrol tindakan yang akan diambil ketika pengguna mencapai akhir area yang dapat digulir. Ini paling berguna ketika Frame atau Stack telah diatur sebagai Overflow: Scroll.

Dukungan Browser untuk Overscroll

• Chrome: 65+

• Chrome di Android: 111

• Edge: 79+

• Safari: 16+ (sejak September 2022)

• Safari di iOS: 16+

• Firefox: 59+

• Opera: 52+

• Opera Mobile: 73

• Samsung Internet: 8.2+

• Android Browser: 119

• Firefox untuk Android: 119

Atribut Mask

Mask digunakan untuk menyembunyikan atau menampilkan bagian tertentu dari elemen (seperti Frame), menggunakan gambar atau gradasi. Ini sangat berguna di UI yang memerlukan ekspresi visual yang halus.

Dukungan Browser untuk Mask

• Chrome: 120+

• Chrome di Android: 120+

• Edge: 120+

• Safari: 15.4+

• Safari di iOS: 15.4+

• Firefox: 53+

• Opera: 106+

• Opera Mobile: 80

• Samsung Internet: 25+

• Android Browser: 120

• Firefox untuk Android: 53+

Kesimpulan

Berkat dukungan CSS terbaru di Framer, kita dapat mewujudkan detail desain dengan tetap menjaga stabilitas lintas penjelajah. Informasi dukungan terbaru untuk Framer dapat dilihat di Can I Use.

Artikel ini adalah konten terjemahan dan adaptasi dari 'CSS Styles Support' di blog resmi Framer.