Trình tạo mã CSS miễn phí cho các bộ lọc kiểu Instagram
Làm thế nào tuyệt vời để thêm bộ lọc hình ảnh vào trang web của bạn? Cách đây nhiều năm, điều này sẽ yêu cầu JavaScript nhưng ngày nay bạn có thể xây dựng các bộ lọc hình ảnh tùy chỉnh với HTML và CSS cũ.
Và với ứng dụng web cssFilters, bạn thậm chí không phải viết bất kỳ mã CSS nào!
Công cụ miễn phí này giúp bạn xây dựng các bộ lọc hình ảnh tùy chỉnh bằng bộ lọc CSS3. Bạn có thể tìm thấy nhiều hướng dẫn bao gồm thuộc tính bộ lọc CSS một cách chi tiết. Nhưng với cssFilters, bạn sẽ không phải lo lắng về cách thức hoạt động của tất cả, bạn chỉ cần tùy chỉnh cài đặt của mình và sao chép mã.
Ở đầu màn hình, bạn sẽ thấy một thanh dài chứa đầy các bộ lọc Instagram tùy chỉnh. Các bộ lọc này bao gồm tất cả các lựa chọn phổ biến như Hudson, Toaster, Inkwell, Lofi và nhiều bộ lọc khác.
Bạn chỉ cần nhấp vào bất kỳ bộ lọc nào bạn muốn và sau đó nhấp vào “Mã CSS” tab ở góc trên bên phải. Từ đó bạn sẽ nhận được cả mã HTML và CSS. Chỉ cần sao chép / dán vào trang web của bạn và bạn tốt để đi.
Nhưng bạn cũng có thể tùy chỉnh các bộ lọc này bằng các thanh trượt cài đặt. Ở dưới cái “máy phát điện” tab bạn có thể thay đổi các cài đặt như độ bão hòa và độ tương phản cùng với độ mờ, thang độ xám, màu nâu đỏ và thậm chí là kiểu lớp phủ như độ dốc tuyến tính hoặc độ dốc xuyên tâm.
Mỗi khi bạn di chuyển một thanh trượt, nó sẽ tự động cập nhật mã để bạn không phải lưu bất cứ thứ gì.
Và thậm chí bạn có thể hoán đổi hình ảnh mặc định bằng cách tải lên một hình ảnh từ máy tính của bạn hoặc chọn một hình ảnh từ Bapt.
Ứng dụng web này được tạo bởi Indrashish Ghosh và nó chạy nhiều lớp mặc định được tìm thấy trong thư viện CSSgram.
Nhưng các cài đặt tùy chỉnh vượt xa các cài đặt trước cơ bản và việc tạo mã miễn phí làm cho nó trở thành một công cụ hữu ích cho các lập trình viên và những người không phải là lập trình viên. Chúng tôi đã có nhiều trình tạo CSS3 cho các thuộc tính như độ dốc nền và bóng văn bản. Và bây giờ chúng ta có cssFilters là trình tạo bộ lọc hình ảnh CSS3 ra mắt.
