Item: A Pen by Rohan Puri
Rating: 3.4
Author: -HAN-

0 Downloads
46 Views
Tweet
Download Now View Demo

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

More from -HAN-

A Pen by Rohan Puri

Technologies

Comments

More from -HAN-

A Pen by Rohan Puri

canvas demo

A Pen by Rohan Puri

A Pen by Rohan Puri

You Might Also Like

SVG Blurring Filter Demonstration

WSB v7 Product Image Hover Effect

Video Popup onClick Autoplay

Especifidad en CSS

#codevember 8 - BezierCurves

A Pen by Hailjake

Blank Bootstrap v3.2

Dots and Boxes