위의 이미지에서 빨간 라인 영역은 배경이미지처리가 아닌 css로 처리한 예입니다. div로 삼각형모양으로 마스킹하는 방법을 알려드리고자 합니다. transform 을 활용하여 만드는 방법입니다. transform의 특성을 먼저 알아보고 가겠습니다. Transform (개체를 변형시키다) 회전 효과, 스케일링(확대/축소) 효과, 기울임 조절, 위치 변경과 같은 변형 처리가 가능합니다. 값에는 translate(), scal(), rotate(), skew() 4종류의 트랜스폼 함수를 사용해, 이동, 확대, 축소, 회전, 경사를 만들수 있습니다. 1. 이동(translate) - translate() 함수는 요소를 X축 방향이나 Y축 방향으로 이동시킬 수 있습니다. - X축 방향값을 플러스로 하면 오른쪽으로..
