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


Text Showdow

Trình tạo CSS Text Shadow dành cho những người lười biếng.

Chọn một kiểu được xác định trước từ thư viện hoặc tạo bóng văn bản theo sở thích của bạn. Thiết lập các thuộc tính mong muốn để lấy mã CSS.

Chuyển bóng sang phải / xuống, đặt độ mờ và độ mờ và chọn một màu từ bảng màu để lấy CSS của bạn. Sử dụng trình chỉnh sửa trực tuyến để điều chỉnh phong cách của bạn theo cách thủ công. Theo dõi sự phát triển của bóng của bạn trong bản xem trước trực tiếp, nơi bạn có thể đặt văn bản và màu nền tùy chỉnh.

 

Giải thích về bóng văn bản CSS3 

Thuộc tính text-shadow của CSS3 là một trong những kỹ thuật phổ biến nhất để nâng cao từng bước thiết kế của một trang web. Mặc dù ban đầu nó nằm trong đặc tả CSS 2.1, nhưng nó đã bị rút lại do không được hỗ trợ. Tuy nhiên, bây giờ nó đã trở lại trong CSS 3 và được hỗ trợ rộng rãi giữa các trình duyệt hiện đại.

Nó nhận bốn giá trị: giá trị đầu tiên xác định khoảng cách của bóng theo hướng x (ngang), giá trị thứ hai đặt khoảng cách theo hướng y (dọc), giá trị thứ ba xác định độ mờ của bóng và giá trị cuối cùng đặt màu sắc.

Mặc dù điều này tương đối dễ nhớ so với các quy tắc CSS3 khác như bán kính đường viền, nhưng sẽ rất hữu ích nếu có một trình tạo bóng như vậy để bạn có thể tạo bóng văn bản của mình trong thời gian thực và tinh chỉnh nó bằng các điều khiển giống như Photoshop.