треугольники

by Ksenia Polyakova

HTML

<div class="triangle"></div><div class="triangle2"></div>

CSS

.triangle {
  width: 0;
  height: 0;
  border-left: 20px solid lime;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.triangle2 {
  width: 300px;
  height: 300px;
  background: magenta;
  clip-path: polygon(0 100%, 100% 50%, 0% 0%);
}