A Pen by Amy

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

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

  
</head>

<body>

  <div id="content">
  <div id="leftbox"></div>
  <div id="rightbox1">lots of content goes here lots of content goes here lots of content goes here lots of content goes here lots of content goes here lots of content goes here </div>
  <div id="rightbox2">lots of content goes here lots of content goes here </div>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/amyfu/a-pen-by-amy-CznIe */
#content {
  width: 400px;
  position: relative;
}
#leftbox {
  width: 300px;
  height: 200px;
  overflow: hidden;
  background: #ccc;
}
#rightbox1, #rightbox2 {
  width: 100px;
  position: relative;
  top: -200px;
  left: 300px;
}
#rightbox1 {
  background: green;
}
#rightbox2 {
  background: blue;
}

Comments