A Pen by Sudhanshu Yadav

Thumbnail
This awesome code was written by s-yadav, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright s-yadav ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Sudhanshu Yadav</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="block layer1"></div>
<div class="block layer2"></div>
<div class="block layer3"></div>
<div class="block layer4"></div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/s-yadav/a-pen-by-sudhanshu-yadav-jarKXr */
body {
  background: #F3F7F7;
}

.block {
  width: 150px;
  height: 100px;
  margin-top: 50px;
  margin-left: 50px;
  float: left;
  background: #fff;
}
.block.layer1 {
  box-shadow: 0 6px 16px 0 rgba(123, 150, 155, 0.5);
}
.block.layer2 {
  box-shadow: 0 8px 16px 0 #7b969b;
}
.block.layer3 {
  box-shadow: 0 12px 32px 0 rgba(123, 150, 155, 0.5);
}
.block.layer4 {
  box-shadow: 0 16px 32px 0 #7b969b;
}

Comments