Buat kecerunan teks CSS yang cantik dengan mudah
Buat kesan teks kecerunan yang menakjubkan untuk tapak web anda
Kawalan kecerunan
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Kecerunan Popular
Cara Menggunakan
Masukkan Teks Anda
Taipkan teks yang anda mahu gunakan kecerunan dalam medan input "Teks".
Pilih Jenis Kecerunan
Pilih antara jenis kecerunan Linear, Radial atau Conic.
Laraskan Arah atau Sudut
Untuk kecerunan linear, pilih arah. Untuk kecerunan kon, tetapkan sudut.
Sesuaikan Warna
Tambah, alih keluar atau laraskan hentian warna dan kedudukannya untuk mencipta kecerunan yang anda inginkan.
Salin atau Simpan CSS
Salin kod CSS yang dijana atau simpan sebagai fail CSS untuk digunakan dalam projek anda.
Perihal kecerunan teks
Kecerunan teks CSS membolehkan anda menggunakan kecerunan pelbagai warna yang cantik terus ke teks. Kesan ini dahulunya hanya boleh dilakukan dengan imej, tetapi CSS moden menjadikannya mudah dan cekap.
Sokongan Penyemak Imbas:Kecerunan teks disokong dalam semua penyemak imbas moden, termasuk Chrome, Firefox, Safari dan Edge. Untuk penyemak imbas lama seperti Internet Explorer, teks akan kembali kepada warna pepejal.
Petua Penggunaan:Kecerunan teks berfungsi paling baik dengan teks tebal dan kombinasi warna kontras tinggi. Bereksperimen dengan jenis kecerunan dan arah yang berbeza untuk mencapai kesan yang diingini.
Related Tools
Buat Susun Atur Flexbox yang Sempurna
Visualisasikan, sesuaikan dan jana kod kotak fleksibel CSS dengan antara muka seret dan lepas intuitif kami.
Penukar Stylus kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Penukar SCSS kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Kalkulator Cincang CRC-32
Jana jumlah semak CRC-32 dengan cepat dan mudah
HSV kepada RGB
Tukar kod warna HSV kepada nilai RGB untuk pembangunan web
Kalkulator Peratusan
Kira peratusan dengan mudah dengan kalkulator peratusan intuitif kami.