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
Konverter SCSS ke CSS
Ubah kode SCSS Anda menjadi CSS. Cepat, mudah, dan aman.
Konverter Stylus ke CSS
Ubah kode SCSS Anda menjadi CSS. Cepat, mudah, dan aman.
Generator Transisi CSS3
Transisi opasitas yang mulus
Konverter Arus
Ubah arus listrik antara unit yang berbeda dengan presisi dan kemudahan
Teks ke ASCII
Konversi teks ke kode ASCII dengan mudah
Konverter Nomor Digital
Konversi antara sistem bilangan biner, desimal, heksadesimal, dan oktal dengan presisi