CSS Box Shadows đẹp cho tùy chỉnh giao diện webisite
Đây là bộ sưu tập CSS box-shadow đẹp dành cho tùy chỉnh giao diện webisite, anh em thấy ưng ý cái nào thì copy về xài nhé !
#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…
1604 lượt xem