Trình Tạo Text Shadow CSS — Thiết Lập Bóng Đổ Trên Văn Bản

CSS text-shadow thêm bóng đổ vào văn bản — để tạo chiều sâu, dễ đọc trên nền phức tạp hoặc hiệu ứng trang trí. Trình tạo của chúng tôi cho phép thiết lập trực quan và cung cấp code trực tiếp.

Cú Pháp Text-shadow

text-shadow: offset-ngang offset-dọc blur màu. Nhiều bóng được phân tách bằng dấu phẩy. text-shadow: 2px 2px 4px rgba(0,0,0,0.3) là bóng đổ tinh tế. text-shadow: 0 0 20px #fff tạo hiệu ứng phát sáng.

Các Hiệu Ứng Phổ Biến

Bóng đổ để dễ đọc trên nền phức tạp. Bóng dài: nhiều bóng với offset tăng dần mô phỏng đùn 3D. Hiệu ứng phát sáng: không có offset, blur lớn, màu sáng. Retro press: bóng cứng với offset và không có blur.

Lưu Ý Về Khả Năng Đọc

Text shadow cải thiện khả năng đọc khi văn bản đứng trên ảnh hoặc gradient. Nhưng bóng quá mức thực ra làm giảm khả năng đọc. Bóng tinh tế (độ mờ thấp, offset nhỏ) trông chuyên nghiệp hơn hiệu ứng nổi bật.