функция CSS skewX()

определение и использование

CSS skewX() функция используется для того, чтобы повернуть элемент на заданный угол по оси x.

skewX() функция в transform в свойстве.

подсказка：skewX(a) равен skew(a, 0)!

실例

예제 1

사용 skewX() 주어진 각도로 x축을 따라 여러 <div> 요소를 기울입니다:

#myDiv1 {
  transform: skewX(15deg);
}
#myDiv2 {
  transform: skewX(30deg);
}
#myDiv3 {
  transform: skewX(-25deg);
}

본인이 직접 테스트해 보세요

예제 2

사용 skewX() 주어진 각도로 x축을 따라 이미지를 기울입니다:

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

본인이 직접 테스트해 보세요

CSS 문법

skewX(a)

기술 세부 사항

브라우저 지원

표中之数字는 이 함수를 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

관련 페이지

교본:CSS 2D 변환

참조:CSS 트랜스폼 속성

참조:CSS 스케어() 함수

참조:CSS 스케어Y() 함수