单个div+css布局实现书架效果代码-html代码-BFW代码库

单个div+css布局实现书架效果代码

代码语言：html

代码描述：单个div+css布局实现书架效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
<style>
body {
  height: 100vh;
  display: flex;
  align-items: center;
  background-color: #8b4513;
}
#collect {
  width: 100%;
  height: 400px;
  background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0) 40%) 0 50%/100% 205px, linear-gradient(to right, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 15%, rgba(255,255,255,0) 75%, rgba(255,255,255,0.2) 85%, rgba(0,0,0,0.2) 95%, rgba(0,0,0,0.28) 95%) 0 50%/18px 205px, linear-gradient(to right, rgba(255,255,255,0) 49%, rgba(255,255,255,0.6) 49%, rgba(255,255,255,0.6) 51%, rgba(255,255,255,0) 51%) 0 34.5% /54px 4px, linear-gradient(to right, rgba(255,255,255,0) 47%, rgba(255,255,255,0.6) 47%, rgba(255,255,255,0.6) 49%, rgba(255,255,255,0) 49%, rgba(255,255,255,0) 51%, rgba(255,255,255,0.6) 51%, rgba(255,255,255,0.6) 53%, rgba(255,255,255,0) 52%) 18px 34.5% /54px 4px, linear-gradient(to right, rgba(255,255,255,0) 47%, rgba(255,255,255,0.6) 47%, rgba(255,255,255,0..........完整代码请登录后点击上方下载按钮下载查看