A Pen by Marine

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

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

  
</head>

<body>

  <div class="top">lipsum b</div>
<div class="bottom">blablabla</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/darkdreams/a-pen-by-marine-JMzRxJ */
div {
  width: 450px;
  height: 100px;
  margin: 0 auto;
  background: #fff;
  padding: 10px;
  font: 12px Arial;
}

.top {
  margin-top: 50px;
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0 0 0 1px #ccd1d9, 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.bottom {
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0 -10px 0 0 #fff, 0 0 0 1px #ccd1d9, 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

Comments