DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

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>

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>

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>

Shadow 2px 5px

👈🏼 white space pada CSS
Font Family pada CSS 👉🏼