Philter.js - Perpustakaan Perubahan Gambar Gratis Menggunakan Filter CSS
Instagram dikenal luas sebagai jaringan foto paling populer. Ini menangani lebih dari 52 juta foto per hari dan banyak di antaranya termasuk filter yang mengubah gambar dengan cepat.
Ini juga dimungkinkan menggunakan filter CSS yang mana berlaku langsung di browser. Properti filter khusus ini memiliki dukungan luas di banyak browser dan mereka terlihat hebat.
Dengan Plugin Philter JavaScript, Anda dapat mengatur skala proses ini untuk menghemat waktu dan memindahkan kode Anda ke dalam HTML efek filter dinamis.
Dengan menggunakan plugin ini, Anda memperoleh kontrol yang jauh lebih besar atas gambar Anda. Dengan cara ini Anda dapat memilih filter mana yang ingin Anda terapkan pada masing-masing gambar dan jika filter tertentu harus berubah berdasarkan perilaku pengguna seperti melayang-layang.
CSS mendukung transisi animasi dan Philter membuat proses ini sangat sederhana. Anda cukup mengunduh Philter dari beranda atau dari repo GitHub. Setelah ditambahkan ke halaman web Anda, Anda baru saja tambahkan kode inisialisasi dan lepaskan.
Ini a cuplikan sampel dari repo GitHub:
Secara default, Anda bisa mengatur transisi dan atribut data tambahan Anda dapat menambahkan dalam HTML. Itu url parameter menentukan jalur di mana Philter harus mencari file SVG khusus yang digunakan dalam proses penyaringan.
Filter tambahan ini dikemas dengan perpustakaan, jadi Anda tidak perlu mengeditnya sama sekali. Tapi, Anda mungkin memindahkannya atau menempatkannya di struktur direktori yang berbeda dari file Anda saat ini, jadi seting ini mungkin perlu diubah.
Sekarang, Anda bisa saja tambahkan filter khusus langsung ke HTML Anda
Ini a contoh sederhana:
Anda dapat menemukan daftar lengkap semua filter pada GitHub, bersama dengan a panduan pengaturan lengkap dan banyak contoh kode lainnya.
Philter adalah salah satu plugin gratis paling keren dan mendorong batas-batas CSS modern. Anda bahkan bisa rancang filter Anda sendiri jika Anda bersedia untuk menggali basis kode dan bermain-main.
Untuk tempat sederhana untuk memulai, cukup kunjungi beranda Philter dan unduh salinannya. Anda dapat membuatnya & berjalan dalam waktu singkat.
