css实现效果

1.css三角

.aaa {
  width: 60px;
  height: 60px;
  background-color: yellow;
  position: relative;
}
.aaa::after {
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  content: '';
  width:0px;
  height:0px;
  border: 10px solid transparent;
  border-left-color: pink;
}