Apabila menggunakan penapis CSS3 untuk mengaburkan imej, tepi imej juga mungkin menjadi kabur. Ini boleh menjadi tidak diingini jika anda ingin mengekalkan tepi yang tajam sambil mencipta kesan kabur.
Untuk menangani isu ini, penyelesaian bijak melibatkan meletakkan imej dalam
Kod CSS:
img { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); margin: -5px -10px -10px -5px; } div { overflow: hidden; }
Penjelasan:
Contoh :
[Langsung Demo](https://jsfiddle.net/NI3c4/)
HTML:
<div> <img src="path/to/image.jpg" /> </div>
Keputusan:
Imej dikaburkan dengan tepi yang ditentukan, kerana kawasan kabur terkandung dalam
Atas ialah kandungan terperinci Bagaimana untuk Mengaburkan Imej Tanpa Mengotorkan Tepi Menggunakan Penapis CSS3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!