Buat Gradien Teks CSS yang Indah dengan Mudah
Buat Efek Teks Gradien yang Menakjubkan untuk Situs Web Anda
Kontrol Gradien
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Gradien Populer
Cara Penggunaan
Masukkan teks Anda
Ketik teks yang ingin Anda terapkan gradien di bidang input "Teks".
Pilih Jenis Gradien
Pilih antara jenis gradien Linear, Radial, atau Conic.
Sesuaikan Arah atau Sudut
Untuk gradien linier, pilih arah. Untuk gradien kerucut, atur sudutnya.
Sesuaikan Warna
Tambahkan, hapus, atau sesuaikan penghentian warna dan posisinya untuk membuat gradien yang Anda inginkan.
Salin atau Simpan CSS
Salin kode CSS yang dihasilkan atau simpan sebagai file CSS untuk digunakan dalam proyek Anda.
Tentang Gradien Teks
Gradien teks CSS memungkinkan Anda menerapkan gradien multi-warna yang indah langsung ke teks. Efek ini dulunya hanya mungkin dengan gambar, tetapi CSS modern membuatnya sederhana dan efisien.
Dukungan Browser:Gradien teks didukung di semua browser modern, termasuk Chrome, Firefox, Safari, dan Edge. Untuk browser lama seperti Internet Explorer, teks akan kembali ke warna solid.
Tips Penggunaan:Gradien teks bekerja paling baik dengan teks tebal dan kombinasi warna kontras tinggi. Bereksperimenlah dengan berbagai jenis dan arah gradien untuk mencapai efek yang diinginkan.
Related Tools
Generator Transisi CSS3
Transisi opasitas yang mulus
Konverter Stylus ke CSS
Ubah kode SCSS Anda menjadi CSS. Cepat, mudah, dan aman.
Konverter SCSS ke CSS
Ubah kode SCSS Anda menjadi CSS. Cepat, mudah, dan aman.
Oktal ke Desimal
Konversi angka oktal ke desimal dengan mudah
Buat Gradien Teks CSS yang Indah dengan Mudah
Buat Efek Teks Gradien yang Menakjubkan untuk Situs Web Anda
Konverter CSS ke LESS
Ubah kode CSS Anda menjadi KURANG dengan variabel, bersarang, dan lainnya. Cepat, mudah, dan aman.