Penjana CSS Bayangan Teks Dalam Talian

Buat kesan teks kecerunan yang menakjubkan untuk tapak web anda

Controls

Text

Horizontal Offset (px) 2

Vertical Offset (px) 2

Blur Radius (px) 4

Warna Bayang-bayang

Opacity (%) 50

Pelbagai Bayang-bayang

Dayakan Berbilang Bayang-bayang

Pratetap Popular

Preview

Demo Bayangan Teks

Background

Gaya Fon

CSS yang dijana

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

Perihal Penjana Bayang-bayang Teks

Mudah Digunakan

Jana bayang-bayang teks yang indah dengan antara muka intuitif kami. Tiada pengetahuan CSS diperlukan!

Responsif Sepenuhnya

Berfungsi dengan sempurna pada semua peranti, daripada telefon bimbit hingga komputer meja.

Dapatkan kod CSS yang bersih dan sedia pengeluaran yang boleh anda gunakan dalam projek anda serta-merta.

Cara Menggunakan Penjana Bayang-bayang Teks

Laraskan gelangsar

Ubah suai mengimbangi mendatar, mengimbangi menegak, jejari kabur dan kelegapan untuk mencipta bayang-bayang yang sempurna.

Pilih warna

Pilih sebarang warna untuk bayang-bayang teks anda menggunakan pemilih warna atau input kod hex.

Pratonton reka bentuk anda

Lihat rupa bayang-bayang teks anda dalam masa nyata dengan pratonton interaktif kami.

Salin CSS

Klik butang salin untuk mendapatkan kod CSS yang dijana anda dan menggunakannya dalam projek anda.

Contoh Bayang-bayang Teks Popular

Kesan Cahaya Neon

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

Kesan Teks 3D

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

Bayang-bayang halus

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

Bayang-bayang Dalam

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

Related Tools

Buat Susun Atur Flexbox yang Sempurna

Visualisasikan, sesuaikan dan jana kod kotak fleksibel CSS dengan antara muka seret dan lepas intuitif kami.

Penukar Stylus kepada CSS

Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.

Penukar SCSS kepada CSS

Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.

Kalkulator Cincang CRC-32

Jana jumlah semak CRC-32 dengan cepat dan mudah

HSV kepada RGB

Tukar kod warna HSV kepada nilai RGB untuk pembangunan web

Kalkulator Peratusan

Kira peratusan dengan mudah dengan kalkulator peratusan intuitif kami.