Campurkan Gradien CSS Anda Sendiri dengan Aplikasi Web Percuma Ini

Setiap pereka web perlu tahu Kecerunan CSS3. Mereka telah bertahun-tahun dan mereka disokong secara meluas oleh semua pelayar utama.

Dan sekarang, aplikasi web percuma seperti Campurkan marilah anda membuat kecerunan CSS3 dengan cepat editor visual dalam pelayar. Anda boleh memilih antara kecerunan linear & radial sambil merenung dengan warna untuk menyatu.

Halaman awal memuat dengan dua warna pepejal di kedua-dua belah pihak. Anda boleh menggunakannya palet warna untuk beralih antara warna atau masukkan a manual kod HEX jika anda tahu warna yang anda mahu. Sebaik sahaja anda mempunyai dua warna yang anda suka, klik “Mari bercampur” butang di tengah.

Kedua-dua warna bersatu menjadi kecerunan CSS3 dengan pilihan yang boleh diedit berhampiran bahagian atas halaman. Anda boleh memilih antara kecerunan linier & kecerunan jejarian, dan jika anda menggunakan gaya linear anda boleh seret lokasi pusat semua di seluruh halaman.

Plus, semasa anda dalam mod campuran anda masih boleh kembali ke ubah warna di bawah. Ini seperti penjana kecerunan CSS3 bebas kod yang sempurna yang diperlukan setiap pereka.

Sebaik sahaja anda mempunyai dua warna yang anda suka, anda boleh klik ikon kurungan kod di sudut kanan atas. Ini membawa a tetingkap dengan kod CSS bahawa anda boleh copy / paste ke stylesheets anda.

Blend adalah alat percuma yang dibuat oleh pereka NYC Colin Keany. Ia juga dihoskan di laman webnya, walaupun saya tidak melihat pautan ke GitHub atau mana-mana kod sumber bebas di mana sahaja. Tetapi dia menulis satu kajian kes memperincikan prosesnya mencipta Blend dengan semua ciri-cirinya yang berguna.

Malangnya, versi semasa tidak menyokong lebih daripada dua warna. Tetapi saya menyeberang jari saya untuk pilihan pelbagai warna pada masa akan datang.

Oleh kerana anda tidak boleh memuat turun salinan tempatan, saya mencadangkan penandaan Blend untuk kegunaan masa hadapan. Ia adalah cara yang sempurna untuk kecerunan ujian tanpa berulang kali menyunting stylesheet anda.

Dan, jika anda mahu berkongsi idea anda atau hanya mengucapkan terima kasih atas alat kecerunan ini, anda boleh tweet Colin @colinkeany.