text-shadow
CSS Syntax
text-shadow: h-shadow v-shadow blur-radius color | none | initial | inherit;
JavaScript Syntax
object.style.textShadow="2px 5px 5px red"
| Default value: | none |
|---|---|
| Inherited: | ya |
| Animatable: | ya Read about animatable |
| Version: | CSS3 |
Attribute Value
default
text-shadow: none;
Konten teks tidak memiliki bayangan.
text-shadow: 2px 6px;
Kamu memerlukan setidaknya dua nilai:
- yang pertama adalah offset horizontal
- yang kedua adalah offset vertikal
Warna bayangan akan diwarisi dari warna teks.
text-shadow: 2px 6px red;
Kamu dapat mendefinisikan warna sebagai nilai terakhir.
Seperti halnya warna, kamu dapat menggunakan nama warna, heksadesimal, rgb, hsl …
text-shadow: 2px 4px 10px red;
Nilai ketiga opsional menentukan kaburnya bayangan.
Warna akan tersebar di 10px dalam contoh ini, dari buram ke transparan.