Hiệu ứng thẻ giao dịch ba chiều

Bộ sưu tập Thẻ giao dịch Ba chiều của Simon Goellner (@simeydotme) đã thu hút sự chú ý của chúng tôi.

Dưới mui xe có một bộ filter(), background-blend-mode(), mix-blend-mode()và clip-path() các kết hợp đã được tinh chỉnh cẩn thận để đạt được hiệu quả mong muốn. Tôi đã kết thúc bằng cách sử dụng một ít img { visibility: hidden; } trong DevTools để hiểu rõ hơn về từng loại hiệu ứng nổi ba chiều.

Josh Dance (@JoshDance) đã trả lời với một phân tích các hiệu ứng cho phép bạn kiểm soát đầu vào theo cách thủ công.

Liên kết trực tiếp & rarr;