Skip to main content

Generator CSS Text Shadow

Buat CSS text-shadow dengan pratinjau langsung. Tumpuk beberapa bayangan dengan preset neon, emboss, dan lainnya.

Preset

Pengaturan teks

16px120px
#333333
#F1F5F9

Lapisan bayangan

Lapisan 1
#000000

Pratinjau

Shadow Text

CSS yang dihasilkan

text-shadow: 2px 2px 4px #000000;

Cuplikan lengkap

.text-shadow-effect {
  color: #333333;
  font-size: 48px;
  font-family: sans-serif;
  text-shadow: 2px 2px 4px #000000;
}
Bagikan alat ini
📖

Cara Menggunakan

Step 1

Masukkan Teks

Masukkan Teks

Masukkan teks untuk pratinjau

Step 2

Sesuaikan Parameter

Sesuaikan Parameter

Sesuaikan offset, blur, dan warna

Step 3

Salin

Salin

Salin kode CSS untuk digunakan

Fitur

Pratinjau Langsung

Lihat efek bayangan teks secara real-time

Beberapa Bayangan

Tumpuk beberapa bayangan teks

Preset

Preset seperti neon, emboss, dan lainnya

FAQ

text-shadow berlaku untuk karakter teks, box-shadow untuk kotak elemen.