사용하여 어떤 배경없이 CSS 삼각형

Question

내가 해봤지만 지금까지 내가 만든 배경에 그림을 추가하는 방법을 CSS 테두리 해킹. 위의 그림과 같은 이미지로 어떻게 진행합니까?

Answer 1

CSS triangle generator을 사용하여 해결할 수 있습니다.

width: 0; 
height: 0; 
border-style: solid; 
border-width: 0 100px 100px 100px; 
border-color: transparent transparent #007bff transparent 

는 Creating a transparent arrow above image in CSS3