Kehendak-perubahan - Trik CSS

The will-changeharta di CSS mengoptimumkan animasi dengan membiarkan tahu pelayar yang sifat-sifat dan unsur-unsur adalah hanya kira-kira untuk dimanipulasi, yang berpotensi meningkatkan prestasi operasi tersebut.

Harta ini mempunyai empat nilai:

auto: pengoptimuman penyemak imbas standard akan digunakan.
scroll-position: menunjukkan bahawa kedudukan tatal elemen akan dianimasikan dalam waktu dekat sehingga penyemak imbas akan mempersiapkan kandungan yang tidak kelihatan di tetingkap tatal elemen.
contents: kandungan elemen dijangka berubah sehingga penyemak imbas tidak menyimpan isi kandungan elemen ini.
: mana-mana harta yang ditentukan pengguna seperti transformatau opacityyang ingin kami gunakan will-change.

Kami boleh memberitahu penyemak imbas bahawa perubahan akan berlaku pada transformharta tanah seperti:

.element ( will-change: transform; )

Atau jika kita ingin menyatakan beberapa nilai, kita boleh menggunakan senarai yang dipisahkan dengan koma seperti:

.element ( will-change: transform, opacity; )

Penting untuk tidak menggunakan will-changeharta tanah secara berlebihan kerana ia sebenarnya menyebabkan halaman menjadi kurang berfungsi (perhatikan bahawa tidak ada allnilai untuk harta tanah ini dengan alasan yang baik). Hasilnya, MDN mengesyorkan agar harta tanah itu digunakan sebagai jalan terakhir untuk masalah prestasi yang ada dan bukannya yang anda jangkakan boleh berlaku. Dan, semasa menggunakannya, disarankan untuk menukar will-changesebelum elemen atau harta benda berubah dan kemudian matikan semula sejurus proses selesai.

Sokongan penyemak imbas

Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.