LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
header
{ display:flex;

  clip-path: polygon(
  0 0, /*left top*/
  100% 0, /*right top*/
  100% 100%, /*right bottom*/
  0 calc(100% - 5vw) /*left bottom*/
  );
  background-color:#96ceb4;
  width:100%;
  height:250px;
}
JS
/* Based on https://kilianvalkhof.com/2017/design/sloped-edges-with-consistent-angle-in-css/?utm_content=buffer1e2ff&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer */
/*gotta add some fallback-refer article for details */
Term
Sat, 04/14/2018 - 20:48

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv