CSS Box Shadows đẹp cho tùy chỉnh giao diện webisite

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

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

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:

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:

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…

Hocban.vn

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn