Pembuat Kode CSS Gratis Untuk Filter Gaya Instagram

Bagaimana kerennya menambahkan filter gambar ke situs Anda? Bertahun-tahun yang lalu ini akan membutuhkan JavaScript tetapi saat ini Anda dapat membangun filter gambar khusus dengan HTML dan CSS lama yang baik.

Dan dengan webapp cssFilters Anda bahkan tidak perlu menulis kode CSS!

Alat gratis ini membantu Anda membangun filter gambar khusus menggunakan filter CSS3. Anda dapat menemukan banyak panduan yang mencakup properti filter CSS secara terperinci. Tetapi dengan cssFilters Anda tidak perlu khawatir bagaimana semuanya bekerja, Anda cukup menyesuaikan pengaturan Anda dan menyalin kode.

Di bagian atas layar Anda akan melihat bilah panjang penuh dengan filter Instagram khusus. Filter ini mencakup semua pilihan populer seperti Hudson, Toaster, Inkwell, Lofi dan banyak lainnya.

Anda cukup klik filter mana saja yang Anda inginkan dan kemudian klik “Kode CSS” tab di sudut kanan atas. Dari sana Anda akan mendapatkan kode HTML dan CSS. Cukup salin / rekatkan ke situs web Anda dan Anda siap melakukannya.

Tetapi Anda juga dapat menyesuaikan filter ini dengan slider pengaturan. Di bawah “generator” tab Anda dapat mengubah pengaturan seperti saturasi & kontras bersama dengan blur, skala abu-abu, sepia dan bahkan gaya overlay seperti gradien linier atau radial gradien.

Setiap kali Anda memindahkan slider, pembaruan kode secara otomatis sehingga Anda tidak perlu menyimpan apa pun.

Dan Anda bahkan dapat menukar gambar default dengan mengunggah satu dari komputer Anda atau memilih satu dari Unsplash.

Webapp ini dibuat oleh Indrashish Ghosh dan menjalankan banyak kelas default yang ditemukan di pustaka CSSgram.

Tetapi pengaturan kustom jauh melampaui preset dasar, dan pembuatan kode gratis menjadikan ini alat yang berguna untuk coders dan non-coder. Kami sudah memiliki banyak generator CSS3 untuk properti seperti gradien latar belakang dan bayangan teks. Dan sekarang kami memiliki cssFilters sebagai generator filter gambar CSS3 perdana.