transform 이용해서 CSS로 화살표 만들기

transform 이용해서 css로 화살표 만들기

 

css의 transform을 이용하면 무궁무진한 모양을 만들 수 있다. 그 중 화살표는 다음과 같이 만들면 된다.

transform 속성에는 다양한 transform-function 값이 있다.

 

일단 mdn web doc에 있는 내용으로 다양한 예제를 연습해본다.