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

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

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…

Nếu bạn thấy bài viết này hữu ích thì có thể chia sẻ nó qua:

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

Bài viết có vẻ liên quan ^ ^
avatar