Text shadow pada CSS
bagaimana cara membuat efek bayangan pada text tulisan di CSS HTML
Sebuah tulisan bisa diberi efek bayangan pada CSS dengan properti text-shadow
.
Kita memberi nilai horizontal dan vertical untuk mengatur posisi bayangannya.
Contoh text shadow CSS
<p style="text-shadow: 2px 5px;">
Shadow 2px 5px
</p>
Hasil
Shadow 2px 5px
Memberi warna bayangan
Kita bisa mengatur warna bayangan text dengan properti ketiga
<p style="text-shadow: 2px 5px aqua;">
Shadow 2px 5px
</p>
Hasil
Shadow 2px 5px
Memberi efek blur
Blur effect bisa diberikan sebagai posisi ketiga (dan geser warna ke empat)
<p style="text-shadow: 2px 5px 5px aqua;">
Shadow 2px 5px
</p>
Hasil
Shadow 2px 5px