Blend Gradien CSS Anda Sendiri dengan Aplikasi Web Gratis Ini

Setiap desainer web harus tahu Gradien CSS3. Mereka sudah ada selama bertahun-tahun dan didukung secara luas oleh semua browser utama.

Dan sekarang, aplikasi web gratisan seperti Campur memungkinkan Anda membuat gradien CSS3 dengan cepat editor visual dalam browser. Anda dapat memilih di antara gradien linear & radial sambil mengutak-atik warna untuk berbaur.

Halaman awal memuat dengan dua warna solid di sisi lain. Anda dapat menggunakan Palet warna untuk beralih di antara rona atau masukkan a kode HEX manual jika Anda tahu warna yang Anda inginkan. Setelah Anda mendapatkan dua warna yang Anda suka, klik “Mari berbaur” tombol di tengah.

Kedua warna menyatu menjadi gradien dengan CSS3 opsi yang dapat diedit di dekat bagian atas halaman. Anda dapat memilih di antara gradien linier & gradien radial, dan jika Anda menggunakan gaya linier Anda bisa seret lokasi pusat di seluruh halaman.

Plus, saat kamu sedang dalam mode campuran Anda masih bisa kembali ke ubah warnanya di dasar. Ini seperti generator gradien CSS3 bebas kode yang sempurna yang dibutuhkan setiap desainer.

Setelah Anda memiliki dua warna yang Anda suka, Anda dapat mengklik ikon braket kode di sudut kanan atas. Ini menampilkan a jendela dengan kode CSS Anda dapat menyalin / menempel ke stylesheet Anda.

Blend adalah alat gratis yang dibuat oleh desainer NYC Colin Keany. Itu juga di-host di situsnya, walaupun saya tidak melihat tautan ke GitHub atau kode sumber gratis mana pun. Tapi dia memang menulis studi kasus merinci prosesnya menciptakan Blend dengan semua fitur praktisnya.

Sayangnya, versi saat ini tidak mendukung lebih dari dua warna. Tapi saya menyilangkan jari saya untuk opsi multi-warna di masa depan.

Karena Anda tidak dapat mengunduh salinan lokal, saya sarankan bookmark Blend untuk digunakan di masa mendatang. Ini cara sempurna untuk melakukannya uji gradien tanpa berulang kali mengedit stylesheet Anda.

Dan, jika Anda ingin membagikan ide-ide Anda atau hanya mengucapkan terima kasih untuk alat gradien ini Anda dapat menciak Colin @colinkeany.