用css3做出好看的盒子阴影

1. <div class='docs-card'>盒子阴影</div>

2. .docs-card {
       height: 194px;
       width: 30%;
       background-color: #fff;
       border-radius: 4px;
       box-shadow: 0 2px 2px rgba(10,16,20,.24),0 0 2px rgba(10,16,20,.12);
       box-sizing: border-box;
       transition: box-shadow .5s;
       max-width: 340px;
       min-width: 262px;
       margin: 24px 8px;
       padding-bottom: 48px;
       position: relative;
   }

   .docs-card:hover{
       box-shadow: 0 8px 8px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);
       text-decoration: none;
   }

   
   
   

3. 如果觉得对你有帮助 请关注谢谢， 您的关注是我的动力