CSS 도형 생성기

border 트릭을 사용해 만드는 복잡한 화살표와 삼각형 코드를 클릭 한 번으로 가져가세요.

도형 선택

너비 (Width): 100px

높이 (Height): 100px

색상 (Color)

CSS Code

.triangle-up {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #3b82f6;
}