Trình tạo CSS bóng văn bản trực tuyến

Tạo hiệu ứng văn bản gradient tuyệt đẹp cho trang web của bạn

Controls

2
2
4
50

Nhiều bóng

Cài đặt trước phổ biến

Preview

Bản demo bóng văn bản

Giới thiệu về Text Shadow Generator

Dễ sử dụng

Tạo bóng văn bản đẹp mắt với giao diện trực quan của chúng tôi. Không cần kiến thức CSS!

Hoàn toàn đáp ứng

Hoạt động hoàn hảo trên mọi thiết bị, từ điện thoại di động đến máy tính để bàn.

Nhận mã CSS sạch, sẵn sàng sản xuất mà bạn có thể sử dụng trong các dự án của mình ngay lập tức.

Cách sử dụng Trình tạo bóng văn bản

1

Điều chỉnh thanh trượt

Sửa đổi độ lệch ngang, độ lệch dọc, bán kính làm mờ và độ mờ để tạo ra bóng hoàn hảo.

2

Chọn màu sắc

Chọn bất kỳ màu nào cho bóng văn bản của bạn bằng cách sử dụng bộ chọn màu hoặc đầu vào mã hex.

3

Xem trước thiết kế của bạn

Xem bóng văn bản của bạn trông như thế nào trong thời gian thực với bản xem trước tương tác của chúng tôi.

4

Sao chép CSS

Nhấp vào nút sao chép để lấy mã CSS đã tạo và sử dụng nó trong dự án của bạn.

Ví dụ về bóng văn bản phổ biến

Hiệu ứng phát sáng Neon

Hiệu ứng phát sáng Neon

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

Hiệu ứng văn bản 3D

Hiệu ứng văn bản 3D

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

Bóng tối tinh tế

Bóng tối tinh tế

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

Bóng bên trong

Bóng bên trong

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

Related Tools