LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Dog ear effect






CSS
body {
  margin: 0;
}
* {
  box-sizing: border-box;
}
.wrapper {
  height: 100vh;
}
.paper {
  background: #eee;
  height: calc(29.7px * 10);
  margin: 13% auto;
  padding: 3rem 0 0 0;
  position: relative;
  width: calc(21px * 10);
}
.paper__body {
  margin: 0 auto;
  width: 70%;
}
hr {
  border: 2px solid #ccc;
  margin: 14px 0 0 0;
}
hr:last-of-type {
  float: left;
  width: 70%;
}
.dog-ear {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 0 40px;
  border-color: #fff #fff #fff #ccc;
  position: absolute;
  right: 0;
  top: 0;
}
Term
Fri, 01/12/2018 - 16:45

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv