✀

teks gradient

Buat efek teks gradient CSS yang memukau. Sesuaikan warna, arah, dan ukuran font —pratinjau langsung dan salin kode CSS siap pakai.

Alat Generator Berjalan lokal Tidak ada data dikirim
gradientCSSefek tekspembuat
56px
Teks gradient

Apa itu teks gradient?

Teks gradient menerapkan gradien multiwarna yang halus pada teks Anda dan menghasilkan CSS siap pakai. Pratinjau efeknya secara langsung dan salin class CSS langsung ke stylesheet Anda.

Cara menggunakan teks gradient

  1. Masukkan teks Anda dan pilih warna gradien.
  2. Pilih arah dan sesuaikan ukuran font.
  3. Salin CSS dan tempelkan ke stylesheet Anda.

Alat Terkait

🌈
gradient CSS
Buat gradien latar belakang
🪟
box shadow CSS
Buat efek box shadow berlapis
🎨
buat skema warna
Buat skema warna yang harmonis
Pelajari Lebih Lanjut▾
Cara kerja teks gradient CSS

Teks gradien CSS menggunakan background: linear-gradient(...) dikombinasikan dengan -webkit-background-clip: text dan -webkit-text-fill-color: transparent. Ini memotong gradien sesuai bentuk teks, sehingga huruf tampak terisi warna gradien.

Pertanyaan yang Sering Diajukan
Apakah ini berfungsi di semua browser?

Ya. Prefiks -webkit disertakan untuk kompatibilitas yang luas.