Video: How to Shade a Drawing 2025
Bên cạnh bóng đổ văn bản, CSS 3 cung cấp cho bạn sức mạnh để thêm bóng vào các phần tử hộp, chẳng hạn như các thẻ. Trong hình này bạn sẽ thấy bóng đổ đã được sử dụng để đặt ra các phần, chẳng hạn như dành riêng, trong ví dụ này của trang web Jelly Rancher.
Giống như bóng văn bản, giá trị đầu tiên cho trình duyệt Safari là giá trị ngang, thứ hai đại diện cho sự bù đắp theo chiều dọc, và giá trị thứ ba mô tả cách làm mờ bóng. Một lần nữa, mặc định là 0, và nếu bạn không chỉ định độ mờ, màu của bóng hoàn toàn rắn.
Dưới đây là cú pháp cho bóng đổ hộp cho các trình duyệt WebKit:
-webkit-box-shadow: màu sắc theo chiều ngang theo chiều dọc blur;
Màu RGBa cung cấp cho bạn khả năng kiểm soát bóng tốt hơn vì bạn có thể thêm độ trong suốt. Tương tự, sử dụng phép đo em tạo một bóng tối điều chỉnh tốt hơn nếu kích thước của văn bản thay đổi.
Kiểu sau đây thêm bóng đổ cho tất cả các phần tử hộp trên một trang:
div {--webkit-box-shadow:. 15em. 25giờ. 5em rgba (27, 27, 27,.6);}
