Thuộc tính filter trong CSS áp dụng hiệu ứng hình ảnh cho phần tử — làm mờ, độ sáng, tương phản và điều chỉnh màu, hoạt động trên ảnh, nền và cả video. Khác trình chỉnh ảnh, bộ lọc chạy trong trình duyệt nên sắc nét ở mọi độ phân giải và có thể tạo hoạt ảnh mượt với transition.
Kéo thanh trượt để chồng nhiều hàm lọc trong một chuỗi. Cảnh mẫu cập nhật theo thời gian thực, và mã sinh ra gộp tất cả vào một khai báo filter duy nhất sẵn sàng cho stylesheet.
Frequently Asked Questions
Q: Các hàm lọc CSS gồm những gì?
Các hàm lọc CSS gồm những gì? blur(), brightness(), contrast(), grayscale(), hue-rotate(), invert(), opacity(), saturate(), sepia() và drop-shadow(). Có thể nối bất kỳ số lượng nào trong một thuộc tính filter.
Q: Bộ lọc CSS có tăng tốc GPU không?
Bộ lọc CSS có tăng tốc GPU không? Có. Hầu hết hàm lọc chạy trên GPU và hoạt ảnh 60fps. blur() và drop-shadow() nặng nhất; dùng tiết chế trên phần tử lớn.
Q: Filter có ảnh hưởng bố cục không?
Filter có ảnh hưởng bố cục không? Không. Bộ lọc thuần hình ảnh — phần tử giữ nguyên kích thước và vị trí trong luồng tài liệu. Dùng transform để đổi kích thước.
Q: Có thể tạo hoạt ảnh bộ lọc không?
Có thể tạo hoạt ảnh bộ lọc không? Có. Hoạt ảnh hóa thuộc tính filter bằng transition hoặc keyframes. Chuyển động giữa các chuỗi lọc khác nhau cùng độ dài nội suy mượt.
Q: Làm sao để ảnh xám và đổi màu khi hover?
Làm sao để ảnh xám và đổi màu khi hover? Dùng hai trạng thái: img { filter: grayscale(100%); transition: filter .4s; } và img:hover { filter: grayscale(0); }. Mẫu portfolio kinh điển.
Màu sắc Việt Nam
Từ màu son đỏ của đình chùa đến màu nâu đất của làng quê, màu sắc Việt Nam gắn liền với lịch sử, nông nghiệp lúa nước và trang phục truyền thống áo dài.
Đỏ son #E32636Màu son của cổng làng, đình chùa và câu đối
Vàng hoàng thái #FFD700Màu vàng của hoàng cung và lễ hội
Xanh lam #0056A7Màu xanh của biển Đông
Màu gạch #B22222Màu gạch nung của làng quê Bắc Bộ
Vàng nắng #F7C948Ánh nắng vàng trên cánh đồng lúa chín
Xanh ngọc #00A86BMàu ngọc bích của vịnh Hạ Long
Tím Huế #7F5FA3Màu tím của áo dài và hoa phượng tím xứ Huế
Nâu đất #8B5A2BMàu đất phù sa của đồng bằng sông Hồng
Hồng sen #F5A9B8Màu hoa sen — quốc hoa của Việt Nam
Trắng ngà #FFFFF0Màu áo dài trắng của nữ sinh
Q: Màu đỏ son là gì?
Màu đỏ son là gì? Màu đỏ son (#E32636) là màu đỏ truyền thống được dùng để sơn cổng làng, đình chùa và câu đối Tết ở Việt Nam, tượng trưng cho may mắn và thịnh vượng.
Q: Màu tím Huế là gì?
Màu tím Huế là gì? Tím Huế (#7F5FA3) là màu tím đặc trưng của xứ Huế, gắn liền với áo dài tím, hoa phượng tím và nét lãng mạn của cố đô.