Bagaimanakah Saya Boleh Mencipta Tindanan Kesan Kaca Menggunakan Penapis Tirai Latar CSS?

Cara Mencapai Kesan Kaca dengan CSS pada Tindanan

Mencipta tindanan kabur dalam CSS menimbulkan cabaran, kerana penapis kabur tradisional tidak t kaburkan kandungan di bawah tindanan. Walau bagaimanapun, terdapat penyelesaian moden untuk isu ini:

Menggunakan 'Backdrop-Filter'

Properti 'backdrop-filter' memperkenalkan cara baharu untuk menggunakan kesan kabur dalam CSS. Ia membolehkan anda mengaburkan kawasan di luar elemen, termasuk sebarang kandungan asas. Untuk menggunakannya, hanya tentukan ia dalam CSS untuk tindanan anda:

#overlay {
  backdrop-filter: blur(6px);
}

Sokongan Penyemak Imbas

Walaupun 'backdrop-filter' ialah harta moden, ia mempunyai sokongan yang baik merentas pelayar utama, termasuk Chrome, Firefox, Edge, Safari dan Opera. Walau bagaimanapun, anda harus ambil perhatian bahawa mungkin terdapat sedikit perbezaan dalam kualiti kesan kabur antara penyemak imbas.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Tindanan Kesan Kaca Menggunakan Penapis Tirai Latar CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!