Question 1

Apa itu properti CSS text-shadow?

Accepted Answer

Properti CSS text-shadow menambahkan efek bayangan pada teks. Menerima daftar bayangan yang dipisahkan koma, masing-masing didefinisikan oleh: offset horizontal (px), offset vertikal (px), radius blur (px), dan warna. Contoh: text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

Question 2

Bisakah saya menumpuk beberapa bayangan teks?

Accepted Answer

Ya! CSS text-shadow mendukung beberapa bayangan dengan memisahkannya dengan koma: text-shadow: 1px 1px 2px black, 0 0 10px blue. Setiap bayangan dirender secara berurutan, dari pertama (bawah) hingga terakhir (atas). Alat ini memungkinkan Anda menambah, mengonfigurasi, dan menghapus bayangan sebanyak yang diperlukan.

Question 3

Apa yang dilakukan radius blur?

Accepted Answer

Radius blur mengontrol seberapa menyebar (kabur) bayangan. Nilai 0 menghasilkan bayangan yang tajam. Nilai yang lebih besar menciptakan bayangan yang lebih menyebar dan lembut. Tidak seperti box-shadow, tidak ada opsi radius penyebaran untuk text-shadow, jadi blur adalah satu-satunya cara untuk mengontrol ukuran bayangan.

Question 4

Browser apa yang mendukung text-shadow?

Accepted Answer

CSS text-shadow didukung di semua browser modern termasuk Chrome, Firefox, Safari, Edge, dan Opera. Telah didukung secara luas sejak 2010 dan tidak memerlukan prefiks vendor. Aman digunakan di semua lingkungan produksi.

Question 5

Bagaimana cara membuat efek cahaya neon?

Accepted Answer

Untuk cahaya neon, tumpuk beberapa lapisan text-shadow dengan warna yang sama tetapi blur yang semakin besar: text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00de, 0 0 40px #ff00de. Mulai dengan bayangan inti putih, lalu tambahkan bayangan berwarna yang lebih lebar untuk efek cahaya.

Generator Bayangan Teks CSS

Pertanyaan yang Sering Diajukan

Comments & Feedback