Alat pembangun

Penjana kecerunan CSS

Bina kecerunan secara visual dan salin CSS.

Penjana kecerunan CSS Berjalan pada peranti anda

Berjalan dalam pelayar anda — teks anda tidak pernah dihantar ke mana-mana
Tanpa pendaftaran, tanpa kuota, percuma digunakan sebanyak mana yang anda suka

Cara ia berfungsi

Kecerunan ditulis dalam CSS sebagai satu perisytiharan yang sintaksnya mudah tersalah ingat, terutamanya konvensyen sudut dan tempat hentian warna diletakkan. Melihat hasilnya semasa melaraskan lebih pantas daripada memuat semula halaman untuk menyemak.

Konvensyen sudut mengejutkan orang

Dalam CSS, 0 darjah menghala ke atas dan sudut bertambah mengikut arah jam, jadi 90 darjah berjalan kiri ke kanan dan 180 darjah berjalan atas ke bawah. Ini berbeza daripada konvensyen matematik dan beberapa alat reka bentuk, itulah sebabnya kecerunan yang disalin dari tempat lain sering kelihatan terputar.

Tiga jenis

Linear berjalan sepanjang garis lurus dan meliputi hampir setiap kegunaan sebenar. Jejari merebak keluar dari satu titik, yang sesuai untuk sinaran dan lampu sorot. Kon menyapu sekeliling pusat dan itulah yang digunakan untuk membina carta pai dan roda warna.

Kecerunan ialah imej, bukan warna

Ini perkara lain yang menyandung orang. CSS menganggap kecerunan sebagai imej latar belakang, jadi ia berfungsi dalam background dan background-image tetapi tidak dalam color, border-color atau apa-apa lain yang mengharapkan warna biasa. Kecerunan teks memerlukan background-clip, iaitu teknik berasingan.

Menambah warna tengah

Dua hentian memberikan campuran yang bersih. Yang ketiga membolehkan anda menghalakan peralihan melalui rona lain, yang mengelakkan kelabu keruh yang muncul apabila dua warna bertentangan bercampur secara langsung.

Soalan lazim