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.
Hasilkan Transformasi CSS3 dengan Mudah
Alat yang kuat dan intuitif untuk membuat transformasi CSS3 yang kompleks tanpa menulis kode. Visualisasikan perubahan secara real-time dan salin CSS yang dihasilkan untuk digunakan dalam proyek Anda.
HSV ke CMYK
Konversi kode warna HSV ke nilai CMYK untuk desain cetak
Konverter Satuan Suhu
Konversi antara satuan suhu yang berbeda dengan presisi untuk kebutuhan ilmiah dan sehari-hari Anda
Alat Dekode Base64
Pecahkan kode string Base64 dengan mudah langsung di browser Anda.