transform 비틀기 효과 주는 방법 - skew

transform / skew

• transform의 skew로 요소를 비틀기 또는 기울이기를 할 수 있습니다.
• 평면(2D)에서의 이동입니다.

 

기본형

transform : skew ( value );

• value에 값을 입력합니다.
• 단위는 deg, rad, grad 등을 사용합니다.

 

예제

• X 축에 + 각도는 우측으로 , - 각도는 좌측으로 기울입니다.
• Y 축에 + 각도는 아래쪽으로, - 각도는 윗쪽으로 기울입니다.

 

같이 보면 좋은 글

• transform / scale
• transform / rotate
• transform / translate
• transform-origin
• perspective
• perspective-origin
• backface-visibility

 

기타 CSS 참조

• CSS 기초
• 실전 예제
• 글자 꾸미기
• 문단 꾸미기
• 목록 꾸미기
• 표 꾸미기
• 이미지 꾸미기
• 박스 모델
• 애니메이션
• Flex
• Grid

애니메이션으로 돌아가기