Thủ thuật này sử dụng css để lọc mầu hiển thị trên web, không đổi hẳn ảnh mầu thành đen trắng, nếu download ảnh về thì nó vẫn là ảnh mầu.
Dưới đây là code CSS.
img.desaturate{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); -o-filter: grayscale(100%);
filter: url(https://visaonho.com/assets/desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}
Code nhúng ảnh.
<img class=”desaturate” alt=”back and white” src=”Beautiful-girl.jpg” width=”450″ height=”253″ />
Các bạn download fille desaturate.svg rồi upload lên host của bạn. Nếu upload lên host khác domain sẽ không chạy được code này.