Tailwind CSS Sepia
Lớp `sepia` là một lớp dựng sẵn dùng để áp dụng bộ lọc cho ảnh. Nó chuyển đổi hình ảnh thành tông màu nâu đỏ. Trong CSS, chúng ta làm điều đó bằng CSS sepia() Function. Tailwind CSS đã thêm tính năng `brightness` mới trong phiên bản 2.1. Sepia: sepia-0:...
Tailwind CSS Saturate
Class saturate của Tailwind CSS là một hàm tích hợp dùng để tăng giảm độ bão hòa ảnh. Trong CSS, ta dùng CSS saturate() Function. Tailwind CSS đã thêm tính năng brightness trong phiên bản 2.1. Saturate Classes (Các class Saturate): saturate-0: Class này dùng để đặt giá trị saturate...
Tailwind CSS Invert
Lớp invert là một hàm dựng sẵn. Nó dùng để áp dụng filter lên ảnh và đảo ngược màu sắc. Trong CSS, chúng ta thực hiện điều đó bằng CSS invert() Function. Các lớp Invert: invert-0: Lớp này biểu thị màu gốc của ảnh.invert: Lớp này biểu thị màu đã...
Tailwind CSS Hue Rotate
Lớp hue rotate là một hàm dựng sẵn, dùng để áp dụng bộ lọc cho ảnh. Bộ lọc này dùng để đặt giá trị hue rotation cho ảnh. Trong CSS, ta dùng CSS hue-rotate() Function để làm việc này. Tailwind CSS đã thêm tính năng brightness mới trong phiên bản...
Tailwind CSS Grayscale
Lớp Grayscale dùng để áp dụng bộ lọc sắc xám cho hình ảnh. Trong CSS, ta dùng CSS grayscale() Function. Tailwind CSS đã thêm tính năng brightness trong phiên bản 2.1. Grayscale: grayscale-0: Lớp này thể hiện hình ảnh gốc ban đầu.grayscale: Lớp này thể hiện các hệ số nhân...
Tailwind CSS Drop Shadow
Class Drop Shadow dùng để áp dụng filter lên ảnh, tạo hiệu ứng đổ bóng. Class này tạo bóng mờ với offset và màu sắc cho trước. Trong CSS, ta dùng CSS drop-shadow() Function. Tailwind CSS đã thêm thuộc tính brightness trong phiên bản 2.1. Drop Shadow: drop-shadow-sm: Class này...
Tailwind CSS Contrast
Class Contrast được dùng để thiết lập độ tương phản của ảnh. Class này có thể tăng hoặc giảm độ tương phản. Trong CSS, chúng ta dùng CSS Contrast() Function. Tailwind CSS đã thêm thuộc tính brightness mới trong phiên bản 2.1. Độ tương phản: Contrast-0: Class này dùng để...
Tailwind CSS Brightness
Class brightness được dùng để thiết lập độ sáng cho ảnh. Class này dùng hệ số nhân tuyến tính để tăng hoặc giảm độ sáng. Trong CSS, ta dùng CSS brightness() Function để làm điều đó. Tailwind CSS đã thêm tính năng brightness trong phiên bản 2.1. Độ sáng (Brightness):...
Tailwind CSS Blur
Lớp blur được dùng để áp dụng hiệu ứng làm mờ lên ảnh. Trong CSS, chúng ta dùng CSS blur() Function để làm điều đó. Tailwind CSS đã thêm tính năng blur mới trong phiên bản 2.1. Blur: blur-0: Lớp này tương đương với việc không có hiệu ứng mờ,...
Tailwind CSS Mix Blend Mode
Lớp này chấp nhận nhiều giá trị trong Tailwind CSS, bao gồm tất cả thuộc tính dạng class. Class này dùng để chỉ định cách nội dung hòa trộn với background. Trong CSS, ta dùng thuộc tính CSS mix-blend-mode. Các class Mix Blend Mode: mix-blend-normal: Không áp dụng hiệu ứng...
Tailwind CSS Animation
Class này chấp nhận nhiều giá trị trong tailwind CSS, tất cả thuộc tính được trình bày dưới dạng class. Class này được dùng để tạo hiệu ứng động cho các phần tử bằng CSS animation. Trong CSS, bạn có thể làm điều đó bằng cách sử dụng thuộc tính...
Tailwind CSS Skew
Lớp này chấp nhận nhiều giá trị trong tailwind CSS. Tất cả các thuộc tính đều được trình bày dưới dạng class. Skew được dùng để biến đổi một phần tử trên 2D plane. Skew một phần tử nghĩa là chọn một điểm rồi đẩy hoặc kéo nó theo các...
Tailwind CSS Backdrop Opacity
Lớp Backdrop Opacity là một hàm dựng sẵn. Nó được sử dụng để áp dụng bộ lọc cho ảnh, đặt độ trong suốt. Trong CSS, chúng ta làm điều đó bằng cách sử dụng CSS opacity() Function. Tailwind CSS đã thêm tính năng brightness mới trong phiên bản 2.1. Backdrop...
Tailwind CSS Backdrop Sepia
Class backdrop-sepia là một class dựng sẵn. Nó dùng để áp dụng bộ lọc sepia cho hình ảnh. Tính năng brightness mới được thêm vào Tailwind CSS ở phiên bản 2.1. Backdrop Sepia: backdrop-sepia-0: Class này dùng để hiển thị ảnh gốc.backdrop-sepia: Class này dùng để hiển thị ảnh đã...
Tailwind CSS Backdrop Saturate
Lớp backdrop saturate là một hàm dựng sẵn trong CSS. Nó được dùng để tăng giảm độ bão hòa ảnh đầu vào. Tailwind CSS đã thêm tính năng brightness mới trong phiên bản 2.1. Backdrop Saturate: backdrop-saturate-0: Lớp này đặt độ bão hòa của phần tử thành CSS saturate(0).backdrop-saturate-50: Lớp...
Tailwind CSS Backdrop Invert
Lớp backdrop invert là một hàm tích hợp sẵn. Nó được dùng để áp dụng bộ lọc đảo ngược màu cho ảnh mẫu. Tailwind CSS đã thêm thuộc tính brightness mới trong phiên bản 2.1. Backdrop Invert: backdrop-invert-0: Lớp này dùng để hiển thị màu gốc trên một phần tử.backdrop-invert:...