Membina CTA berwarna-warni dengan Perpustakaan Butang Gradien Percuma

Setiap halaman utama memerlukan butang panggilan-tindak (CTA) yang kuat. Ini membimbing pengunjung ke arah tindakan apa sahaja yang anda mahu mereka ambil, sama ada ia mendaftar untuk akaun baru atau membeli sesuatu dari kedai e-dagang anda.

Tetapi anda tidak perlu membuat CTA dari awal. Anda sama ada boleh pergi untuk berpuluh-puluh butang CSS3 tersuai di seluruh web atau menggunakan alat yang sama yang boleh memudahkan anda.

Satu alat yang saya suka dalam hal ini adalah perpustakaan butang kecerunan yang dicipta oleh Colorion. Ia telah mendapat berpuluh-puluh kombinasi kecerunan tersuai dengan kesan hover yang sangat sejuk.

Tatal yang cepat ke bawah halaman harus menunjukkan kepada anda berapa banyak yang perlu dipilih. Warna mesti mempunyai sekurang-kurangnya 100+ butang dalam koleksi ini, dan kombo kecerunan baru ditambah sering sekali.

Jika anda melihat gaya butang yang anda suka cuma klik “dapatkan kod” pautan di bawahnya. Dari sana anda boleh menyalin / paste kod ke laman web anda dan voilà ?? Â! Butang kecerunan cantik tanpa pengekodan berat.

Anda sebenarnya boleh menggali lebih dalam kepada Colorion untuk mencari beberapa alat yang berkaitan dengan warna lain. Kebanyakan mereka adalah niche, seperti penjana imej-ke-bahan yang mengambil imej dan menukarkannya kepada palet warna reka bentuk bahan.

Tetapi perpustakaan butang kecerunan mereka mungkin alat terbaik untuk pereka web.

Kesan hover masing-masing disertakan dengan CSS supaya anda dapat mengedit gaya animasi sesuai dengan reka bentuk anda.

Jika anda suka merancang dengan kecerunan maka anda akan memuja perpustakaan ini.

Diberikan tidak semua butang ini boleh berfungsi di setiap laman web. Tetapi anda mungkin boleh mendapatkan sebahagian besar daripada mereka bekerja jika anda memusatkan tapak anda di sekitar kecerunan yang serupa.

Dan jika anda mempunyai sebarang pertanyaan atau cadangan untuk laman web ini, anda boleh menangkap tweet cepat ke pencipta @csaba_kissi.