A Pen by Rohan Puri

Thumbnail
This awesome code was written by -HAN-, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright -HAN- ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

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

  
</head>

<body>

  <div class="container">
  <div class="box">This is a box</div>
  <div class="box">This is a box</div>
  <div class="box">This is a box</div>
</div>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

  

</body>

</html>

/*Downloaded from https://www.codeseek.co/-HAN-/a-pen-by-rohan-puri-radKEX */
body{
  background-color:#fff;
}
.container{
  margin-top:100px;
  text-align:center;
}

.box{
  background-color:#16A086;
  padding:20px;
  display:inline-block;
  box-shadow:1px 2px 12px rgba(0,0,0,0.7);
  margin-right:10px;
  transition:transform 0.3s;
  border:1px solid red;
  z-index:1;
  font-family:arial;
}

.box:hover{
  transform:scale(1.3);
  z-index:2;
}

Comments