Hỗn hợp lớp phủ làm thay đổi màu của hình ảnh ở trên cùng, thay vì chỉ thay đổi độ trong suốt. Có cách nào để bắt chước điều này với CSS không? Chỉ cần xuất một hình ảnh photoshop với các lớp thiết lập để che phủ và đặt nó trên một nền trên trang web không hoạt động.Có cách nào để bắt chước bộ lọc lớp phủ của photoshop bằng CSS không?
Nó không thể được thực hiện với css tinh khiết, nhưng nó có thể được thực hiện với javascript. Kiểm tra Pixastic's blend function, nó có ~ 20 phương pháp pha trộn phù hợp với những người trong photoshop.
Lưu ý: câu trả lời này đã trở nên kém chính xác trong những năm qua. Thuộc tính mix-blend-mode hiện hoạt động trên hầu hết các trình duyệt và hình ảnh dường như đã biến mất.
bây giờ bạn có thể làm điều đó bằng CSS nhưng chỉ trong trình duyệt hiện đại, hãy thử background-blend-mode: multiply; nó hòa trộn hình nền của phần tử với màu nền.
Tôi đến muộn bên, nhưng hiện tại có thuộc tính css mix-blend-mode áp dụng chế độ hòa trộn cho toàn bộ yếu tố có tính đến các yếu tố bên dưới.
+1 wow, rất hay. FYI cho OP, về mặt lý thuyết có thể kết hợp một cái gì đó như thế này vào CSS, nhưng bạn phải phân tích các bảng định kiểu để rút ra các quy tắc và sau đó xử lý chúng với JS. –