Trình tạo bóng hộp CSS

Khai báo bóng hộp có sáu phần chuyển động — X và Y offset, làm mờ, trải rộng, màu sắc và từ khóa chèn tùy chọn — và cách duy nhất để làm đúng là xem chúng. Trình tạo này đặt mọi phần trên một thanh trượt và hiển thị kết quả trên thẻ xem trước khi bạn kéo, do đó, dòng CSS ở cuối luôn chính xác như những gì bạn đang xem.

Bóng trong thế giới thực hiếm khi là một lớp duy nhất. Danh sách lớp cho phép bạn xếp chồng tối đa bốn bóng trong một khai báo: một đường tối đậm để xác định cạnh cộng với một vệt mềm rộng cho độ cao hoặc cặp sáng và tối xác định tính trung tính. Chọn một lớp để chỉnh sửa nó, loại bỏ những lớp bạn không cần và giá trị bóng hộp kết hợp sẽ cập nhật trực tiếp.

Bóng đọc rất khác trên giao diện tối, trong đó bóng đen trên trang gần như đen biến mất. Nút chuyển đổi nền xem trước sẽ chuyển phông nền giữa sáng và tối để bạn có thể kiểm tra cả hai chủ đề trước khi vận chuyển. Các trang cài sẵn bao gồm các biến thể mà mọi người thực sự tìm kiếm: bóng độ cao mềm mại, giếng lồng vào, công thức tạo hình thần kinh hai lớp và bóng thẻ tinh tế.

Giống như mọi công cụ trên trang web này, trình tạo này miễn phí và chạy hoàn toàn trong trình duyệt của bạn: không cần tải lên, không cần tài khoản và nó tiếp tục hoạt động ngoại tuyến sau khi trang được tải.