CSS 삼각형 생성기

CSS 삼각형은 보더 트릭을 사용하여 만듭니다 — 너비와 높이가 0인 요소에 색상/투명 보더를 설정하면 삼각형이 형성됩니다. 이 도구에서 방향, 크기, 색상을 선택하면 CSS 코드가 즉시 생성됩니다.

all 생성기 tools 둘러보기

사용 방법

방향(위, 아래, 왼쪽, 오른쪽 또는 대각선)을 선택하고, 너비와 높이 슬라이더를 조절하고, 색상을 선택한 후 생성된 CSS를 복사하세요. 스타일시트에 붙여넣고 .triangle 클래스를 적용하세요.

일반적인 사용 사례

• •UI에서 화살표 표시기 및 포인터 생성
• •툴팁 화살표 및 드롭다운 캐럿 구축
• •장식적인 대각선 섹션 구분선 설계
• •브레드크럼 구분자 및 셰브론 아이콘 생성
• •삼각형 꼬리가 있는 순수 CSS 말풍선