Hướng dẫn filter css
Hướng dẫn sử dụng thuộc tính
Để tìm hiểu nhiều hơn về Sau đây là một số ví dụ mẫu mà các bạn có thể thử hiệu ứng ngay filter: drop-shadow(16px 16px 20px blue); drop-shadow(16px 16px 20px blue) Áp dụng filter: hue-rotate(90deg); filter: contrast(175%) brightness(3%); contrast(175%) brightness(3%) Áp dụng Trong đó bạn có thể kết hợp 2 thuộc tính filter: invert(1) hue-rotate(180deg); invert(1) hue-rotate(180deg) Áp dụng Bộ lọc Bộ lọc Bạn có thể áp dụng luôn Đã đăng vào thg 12 29, 2017 7:41 SA 0 phút đọc Thuộc tính Filter được hỗ trợ từ CSS3, được sử dụng để tạo một số visual effects (ví dụ: blur, saturation) lên một thành phần html (thường là ảnh). Bạn có thể thấy một số thuộc tính quen thuộc này trong một số phần mềm xử lý ảnh như Photoshop, Lightroom... Filter functionsMột số hàm có trong thuộc tính filter:
Chi tiết các function bạn có thể tìm hiểu tại đây Dưới đây là một số ví dụ về CSS Filter: ExampleMột số filter cơ bản
2. Sepia 3. Saturate Chúng ta có thể kết hợp các functions này để tạo các bộ lọc "chuyên nghiệp" như Instagram, VSCO... )
5. NASHVILLE 6. EARLYBIRD 7. 1977 Ta có thể tạo rất nhiều filter từ việc kết hợp các thuộc tính của CSS Filter. Hãy thử và tạo ra những filter cho riêng mình nhé. ENJOY!All rights reserved |