CSS - left triangle shape

0 votes
29 views
added Nov 1 in CSS by lcjr First Warrant Officer (9,190 points)
&:before {
  position: absolute;
  left: -16px;
  top: -30px;
  content: "";
  display: block;
  z-index: -1;
  width: 0;
  height: 0;
  border-top: 80px solid #bbd5f9;
  border-right: 80px solid transparent;
  @media (max-width: $coworking_tablet) {
      left: -20px;
      top: -20px;
      border-top: 65px solid #bbd5f9;
      border-right: 65px solid transparent;
  }
  @media (max-width: $coworking_mobile) {
      left: -15px;
      top: -9px;
      border-top: 45px solid #bbd5f9;
      border-right: 45px solid transparent;
  }
}

 

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...