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
Nhiều bóng
Shadow 2
Cài đặt trước phổ biến
Preview
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
Đ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.
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.
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.
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
Công cụ chuyển đổi ít sang CSS
Chuyển đổi mã Less của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.
Công cụ chuyển đổi SCSS sang CSS
Chuyển đổi mã SCSS của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.
Trình làm đẹp CSS
Định dạng và làm đẹp mã CSS của bạn với độ chính xác chuyên nghiệp
Máy tính băm Shake-256
Tạo băm Shake-256 nhanh chóng và dễ dàng
Bộ chuyển đổi độ rọi
Chuyển đổi độ rảnh giữa các đơn vị khác nhau một cách chính xác
Công cụ giải mã URL
Giải mã các thông số URL một cách dễ dàng ngay trong trình duyệt của bạn