Pembuat CSS Bayangan Teks Online

Buat Efek Teks Gradien yang Menakjubkan untuk Situs Web Anda

Controls

2
2
4
50

Beberapa Bayangan

Preset Populer

Preview

Demo Bayangan Teks

Tentang Text Shadow Generator

Mudah Digunakan

Hasilkan bayangan teks yang indah dengan antarmuka intuitif kami. Tidak diperlukan pengetahuan CSS!

Sepenuhnya Responsif

Bekerja sempurna di semua perangkat, mulai dari ponsel hingga komputer desktop.

Dapatkan kode CSS yang bersih dan siap produksi yang dapat Anda gunakan dalam proyek Anda secara instan.

Cara Menggunakan Text Shadow Generator

1

Menyesuaikan penggeser

Ubah offset horizontal, offset vertikal, radius buram, dan opacity untuk menciptakan bayangan yang sempurna.

2

Pilih warna

Pilih warna apa pun untuk bayangan teks Anda menggunakan pemilih warna atau input kode hex.

3

Pratinjau desain Anda

Lihat tampilan bayangan teks Anda secara real-time dengan pratinjau interaktif kami.

4

Salin CSS

Klik tombol salin untuk mendapatkan kode CSS yang Anda hasilkan dan menggunakannya dalam proyek Anda.

Contoh Bayangan Teks Populer

Efek Cahaya Neon

Efek Cahaya Neon

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;

Efek Teks 3D

Efek Teks 3D

text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;

Bayangan Halus

Bayangan Halus

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);

Bayangan Dalam

Bayangan Dalam

text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);

Related Tools