<!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;
}