#CSS #triangle

CSS Triangle.css

https://css-tricks.com/snippets/css/css-triangle/

.arrow-up {
  content: "";
  border-right: 15px solid transparent;
  border-bottom: 15px solid black;
  border-left: 15px solid transparent;
  width: 0;
  height: 0;
}

.arrow-right {
  content: "";
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid green;
  width: 0;
  height: 0;
}

.arrow-down {
  content: "";
  border-top: 15px solid red;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  width: 0;
  height: 0;
}

.arrow-left {
  content: "";
  border-top: 15px solid transparent;
  border-right: 15px solid blue;
  border-bottom: 15px solid transparent; 
  width: 0;
  height: 0;
}