Penjana Kecerunan CSS
Bina kecerunan CSS linear, radial dan konik dengan pelbagai hentian warna dan salin kodnya.
background: —;
Semuanya berjalan dalam pelayar anda — tiada muat naik, tiada pendaftaran.
Mengenai Penjana Kecerunan CSS
CSS Gradient Generator membina kecerunan linear, radial dan konik dengan kawalan visual penuh. Tambah noktah warna dengan mengklik bar kecerunan, seret untuk mengalihkan kedudukannya, dan berikan setiap noktah warna, kelegapan dan kedudukannya sendiri. Kecerunan linear mendapat kawalan sudut; radial mendapat bentuk (bulatan atau elips) dan kedudukan; konik mendapat sudut permulaan.
Pratonton langsung menunjukkan tepat apa yang pelayar akan paparkan, dan butang rawak serta satu set pratetap terpilih tersedia apabila anda memerlukan titik permulaan berbanding kanvas kosong. Noktah boleh ditambah dan dibuang dengan bebas — kecerunan hanya memerlukan sekurang-kurangnya dua.
Apabila ia kelihatan betul, salin nilai kecerunan semata-mata atau peraturan CSS lengkap. Penjana ini berjalan sepenuhnya di pelayar anda tanpa muat naik dan tanpa pendaftaran, menjadikannya rakan pantas untuk butang, latar belakang hero, sempadan dan kesan teks.
Cara menggunakan Penjana Kecerunan CSS
- Pilih jenis kecerunan: linear, radial atau konik.
- Tetapkan sudut (linear), bentuk dan kedudukan (radial), atau sudut permulaan (konik).
- Klik bar kecerunan untuk menambah noktah warna dan seret ke kedudukannya.
- Berikan setiap noktah warna, kelegapan dan kedudukan tepatnya.
- Cuba pratetap atau butang rawak untuk inspirasi pantas.
- Salin nilai kecerunan atau peraturan CSS penuh.