Chào mọi người, em cxung không biết mô tả ra như nào cho dễ hiểu nên em đã vẽ 1 cái hình như dưới!
Khi button đè lên block màu trắng thì sẽ đổi màu qua màu khác để dễ nhìn hơn, khi cuộn qua block màu trắng thì trở lại như ban đầu
Nó tương tự như nút home trên iphone thế hệ 11 >
Mong mọi người giải đáp giúp em
Tự thỏa mãn điều kiện khi element trùng với vị trí
Ờ thì…
Trước hết bạn phải nhận dạng được màu của phần tử dưới nút để có cách làm nút ngược màu với nó.
Mà nhận dạng màu thì tốt nhất lấy pixel ở giữa nút chiếu xuống phần tử phía dưới.
Mà muốn lấy màu của 1 pixel thì chắc phải nhờ đến canvas để vẽ lại rồi lấy được màu sau đó đảo màu của nút.
Có bộ thư viện tên là html2canvas có thể giúp bạn vẽ các phầm tử html sau đó dễ dàng lấy màu tại 1 tọa độ bạn cần để đảo màu nút.
5 Likes
đơn giản nhất là dùng backdrop-filter: VD như
backdrop-filter: invert(100%)
Bạn có thể tìm hiểu thêm cho đúng với ý tưởng của bạn, nhớ check capacity trước.
4 Likes
cám ơn bác, nhưng cái background của em là ảnh nên nó vẫn bị trong suốt, áp dụng cho nền màu thì ok
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?