Penjana Kecerunan CSS
Bina kecerunan CSS secara visual: jenis linear, jejari atau kon, peluncur sudut dan sehingga enam hentian warna dengan pratonton lebar penuh langsung dan kod boleh salin.
Hasilnya
Menulis kecerunan-linear(135deg, #2193b0 0%, #6dd5ed 100%) dengan tangan dan memuatkan semula halaman untuk melihatnya adalah gelung perlahan. Penjana ini menutupnya: pilih linear, jejari atau kon, seret peluncur sudut, tetapkan setiap hentian warna dengan pemilih warna asli dan kedudukan peratus — dan pratonton lebar penuh mengecat semula pada setiap input tunggal, dengan garis latar belakang siap sentiasa sedia untuk disalin.
Tiga jenis kecerunan meliputi pekerjaan yang berbeza. Kecerunan linear pudar mengikut arah dan membawa kebanyakan bahagian dan butang wira; kecerunan jejari memancar dari pusat untuk cahaya dan vignet; kecerunan kon menyapu sekitar tengah dan carta pai kuasa serta roda warna. Anda boleh menukar jenis pada bila-bila masa — perhentian anda diteruskan, jadi membandingkan ketiga-tiganya mengambil masa beberapa saat.
Sehingga enam hentian warna memberi anda ruang untuk reka bentuk berbilang jalur, dan halaman pratetap menghantar kombinasi yang terbukti — matahari terbenam yang hangat, lautan yang tenang dan pasangan pastel yang lembut — sebagai titik permulaan yang anda boleh tweak dan bukannya kanvas kosong. Perhatikan pembahagian kerja: penjana palet warna di tapak ini memilih warna rata yang harmoni dan penukar format warna menterjemah nilai antara HEX, RGB dan HSL, manakala alat ini melakukan kerja yang berbeza — ia menukar warna yang dipilih menjadi kod kecerunan CSS sedia.
Semuanya berjalan secara setempat dalam penyemak imbas anda: tiada muat naik, tiada akaun, tiada pelayan pergi-balik dan penjana terus berfungsi di luar talian sebaik sahaja dimuatkan.