Tổng hợp một số mẫu CSS Box Shadows đẹp

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

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ể.

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…

guest
0 Comments
Inline Feedbacks
View all comments