Teks gradien mengisi huruf dengan perpaduan warna halus lewat background-clip: text — efek di balik banyak judul hero dan halaman arahan. Dengan animasi, gradien perlahan mengalir melalui huruf.
Ketik teks, pilih dua warna dan sudut, nyalakan animasi kilau, lalu salin CSS. Output menyertakan prefiks browser sehingga bekerja di mana pun.
Frequently Asked Questions
Q: Kenapa gradien tidak tampil di browser?
Kenapa gradien tidak tampil di browser? Trik ini butuh -webkit-background-clip: text dan -webkit-text-fill-color: transparent. Keduanya ada di output — pastikan tidak dihapus oleh minifier CSS.
Q: Apakah teks gradien bekerja di semua browser?
Apakah teks gradien bekerja di semua browser? Ya — Chrome, Edge, Safari, dan Firefox mendukung background-clip: text. Browser sangat lama menampilkan warna solid jika fallback diatur lebih dulu.
Q: Boleh dipakai di tombol?
Boleh dipakai di tombol? Boleh, tetapi tombol membawa aksi: pilih label solid kontras tinggi, dan pakai teks gradien untuk judul serta teks dekoratif.
Q: Bagaimana menambah lebih dari dua warna?
Bagaimana menambah lebih dari dua warna? Edit linear-gradient di output dan tambahkan color stop, misal linear-gradient(90deg, red, yellow, blue).
Q: Apakah baik untuk SEO dan aksesibilitas?
Apakah baik untuk SEO dan aksesibilitas? Teks tetap HTML asli sehingga SEO tak terpengaruh. Jaga kontras tinggi dan hindari teks gradien di isi tulisan.
Warna Batik Indonesia
Dari coklat sogan hingga biru indigo, warna batik Indonesia mewarisi teknik pewarnaan alami dari daun indigo, kulit pohon soga, dan kunyit. Setiap warna menyimpan filosofi Jawa yang dalam.
Coklat Sogan #8B4513Warna khas batik klasik dari kulit pohon soga
Biru Indigo #1A3A5CPewarna alami dari daun indigo (nila)
Merah Batik #C41E3AWarna berani khas batik pesisir
Kuning Kunyit #E3A857Kuning alami dari rimpang kunyit
Hijau Lumut #8A9A5BWarna alami dari campuran indigo dan kunyit
Ungu Terong #614051Warna buah terong khas batik Sidoarjo
Krem Batik #F5F0E1Warna dasar kain mori sebelum dibatik
Hitam Pekat #1B1B1BHitam dari getah pohon tingi untuk batik keraton
Biru Langit #4A90D9Warna langit cerah khas batik pesisir
Oranye Jingga #FF7F00Warna cerah khas batik kontemporer
Q: Apa itu warna sogan?
Apa itu warna sogan? Sogan (#8B4513) adalah warna coklat khas batik klasik yang dihasilkan dari kulit pohon soga. Warna ini identik dengan batik keraton Yogyakarta dan Solo yang elegan.
Q: Bagaimana warna indigo batik dibuat?
Bagaimana warna indigo batik dibuat? Biru indigo (#1A3A5C) dibuat dari daun indigo (Indigofera tinctoria) yang direndam dan difermentasi. Pewarna alami ini telah digunakan sejak zaman kerajaan Jawa.