Logo Komodo Koding /Koding

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

Artinya bayangan kita 2px ke kanan dan 5px ke bawah

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