CSS Arrows

arrows.css

.arrow-bottom {
  border: solid transparent;
  border-width: 10px 5px 0 5px;
  border-top-color: blue;
}

.arrow-top {
  border: solid transparent;
  border-width: 0 5px 10px 5px;
  border-bottom-color: red;
}

.arrow-right {
  border: solid transparent;
  border-width: 5px 0 5px 10px;
  border-left-color: green;
}

.arrow-left {
  border: solid transparent;
  border-width: 5px 10px 5px 0;
  border-right-color: green;
}