Penjana Gradien CSS
Reka bentuk gradien latar belakang secara visual dan salin CSS yang sedia digunakan. Seret titik warna di sepanjang bar, klik bar untuk menambah titik, ubah sudut atau pusat, dan jadikan warna lut sinar. Kod itu termasuk warna pepejal sandaran untuk pelayar lama.
Cara menggunakannya
- Pilih linear, jejari atau kon, atau mulakan dengan pratetap atau gradien rawak.
- Klik sebuah titik untuk mengedit warna, kelegapan dan kedudukannya; seret titik, atau klik bar untuk menambah yang lain.
- Salin CSS dan tampal ke dalam peraturan elemen.
Soalan lazim
Apakah perbezaan antara gradien linear, jejari dan kon?
Gradien linear menukar warna di sepanjang garis lurus pada sudut yang anda pilih. Gradien jejari (radial) merebak dari pusat dalam bentuk bulatan atau elips. Gradien kon (conic) berputar mengelilingi pusat, seperti jarum jam, berguna untuk roda warna dan carta pai.
Adakah gradien CSS berfungsi dalam semua pelayar?
Ya. Gradien linear, jejari dan kon berfungsi dalam semua versi semasa Chrome, Edge, Firefox dan Safari tanpa awalan. Baris background pertama ialah warna biasa, yang hanya digunakan oleh pelayar yang sangat lama.
Bagaimanakah cara membuat belang?
Letakkan dua titik dengan warna yang sama pada permulaan dan penghujung setiap belang supaya warna berubah secara mendadak dan tidak bercampur, kemudian hidupkan Ulang. Pratetap terakhir ialah contohnya.
🏷️ Penjana Meta Tag
🖼️ Penjana Open Graph
🔗 Pembina Pautan UTM
🔲 Penjana CSS Box Shadow