과목 추천:

CSS skew() 함수

정의와 사용법 skew() CSS의

skew() 함수는 x축과 y축에 따라 주어진 각도로 요소를 기울이기 위해 사용됩니다. transform 속성에서 사용.

사용 skew() 여러 <div> 요소를 기울임:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

사용 skew() 이미지 기울임:

#img1 {
  transform: skew(25deg);
}
#img2 {
  transform: skew(-25deg);
}
#img3 {
  transform: skew(10deg, 10deg);
}

skew(ax, ay)

값	설명
ax	필수 사항. 각도. x축에 따라 기울임을 지정합니다.
ay	선택 사항. 각도. y축에 따라 기울임을 지정합니다. 생략된 경우, 이 값은 0으로 설정됩니다.

버전:	CSS 변환 모듈 레벨 1

표格에 표시된 숫자는 이 함수를 최초로 완전히 지원하는 브라우저 버전을 나타냅니다。

크롬	에지	파이어폭스	사파리	오페라
1	12	3.5	3.1	10.5