Bài viết này mình sưu tập và tổng hợp một số mẫu CSS Box Shadows đẹp để dành tùy chỉnh giao diện webisite, anh em thấy ưng ý cái nào thì copy về xài nhé !
Danh sách tổng hợp một số mẫu CSS Box Shadows đẹp
#1 Divi Box Shadows
Đây là mẫu Box Shadows mà Divi Theme hay dùng trong các mẫu theme của họ, các bạn dùng CSS dưới đây
NỘI DUNG VĂN BẢN
Giá trị box-shadow
:
.ten-class
{
box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
}
Hoặc rõ nét hơn
NỘI DUNG VĂN BẢN
Giá trị box-shadow
:
.ten-class {
box-shadow:0 8px 8px 0 rgba(103, 151, 255, .11), 0 12px 18px 0 rgba(103, 151, 255, .11);
}
#2 Ocuaso comment rules
Demo:
Lưu ý:
» Địa chỉ email của bạn được bảo mật.
» Mục không có dấu sao (*) là không bắt buộc.
» Bình luận bằng tiếng Việt có dấu nếu có thể.
» Địa chỉ email của bạn được bảo mật.
» Mục không có dấu sao (*) là không bắt buộc.
» Bình luận bằng tiếng Việt có dấu nếu có thể.
Giá trị box-shadow
:
element.style { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; }
#3 Box shadows mỏng, dành cho các box gần nhau
Demo:
NỘI DUNG VĂN BẢN
Giá trị box-shadow
:
element.style { box-shadow: 0 2px 4px 0 rgba(158, 158, 158, 0), 0 2px 15px 0 rgba(0, 0, 0, 0.06); }
Tiếp tục sưu tầm…