Free CSS Code Generator Untuk Penapis Gaya Instagram

Betapa sejuknya untuk menambah penapis imej ke laman web anda? Bertahun-tahun yang lalu ini akan memerlukan JavaScript tetapi pada masa kini anda boleh membina penapis imej tersuai dengan HTML lama dan CSS yang lama.

Dan dengan webapp cssFilters anda tidak perlu menulis sebarang kod CSS!

Alat percuma ini membantu anda membina penapis imej tersuai menggunakan penapis CSS3. Anda boleh menemui banyak panduan yang meliputi sifat penapis CSS secara terperinci. Tetapi dengan cssFilters anda tidak perlu bimbang bagaimana ia berfungsi, anda hanya menyesuaikan tetapan anda dan menyalin kod.

Di bahagian atas skrin anda akan melihat bar panjang penuh dengan penapis Instagram tersuai. Penapis ini termasuk semua pilihan popular seperti Hudson, Pemanggang, Inkwell, Lofi dan banyak lagi.

Anda hanya klik mana-mana penapis yang anda mahu dan kemudian klik “Kod CSS” tab di penjuru kanan sebelah atas. Dari sana anda akan mendapat kod HTML dan CSS. Hanya salin / tampal ke laman web anda dan awak baik untuk pergi.

Tetapi anda juga boleh menyesuaikan penapis ini dengan slider tetapan. Di bawah “penjana” tab anda boleh mengubah tetapan seperti ketepuan & kontras bersama-sama dengan kabur, skala kelabu, sepia dan juga gaya overlay seperti kecerunan linear atau kecerunan jejari.

Setiap kali anda menggerakkan gelangsar, ia sentiasa mengemas kini kod supaya anda tidak perlu menyimpan apa-apa.

Dan anda juga boleh menukar imej lalai dengan memuat naiknya dari komputer anda atau memilih dari Unsplash.

Webapp ini dibuat oleh Indrashish Ghosh dan ia menjalankan banyak kelas lalai yang terdapat dalam perpustakaan CSSgram.

Tetapi tetapan tersuai jauh melampaui pratetap asas, dan penerbit kod percuma menjadikan alat ini berguna untuk coder dan bukan coder. Kami sudah mempunyai banyak penjana CSS3 untuk sifat seperti kecerunan latar belakang dan bayang-bayang teks. Dan sekarang kita mempunyai cssFilters sebagai penjana penapis imej CSS3 perdana.