과정 추천：

CSS skewY() 함수

정의와 사용법 skewY() CSS의

skewY() 함수는 요소를 지정된 각도로 y축을 따라 기울이기 위해 사용됩니다。 transform 속성에서 사용됩니다。

예제

예제 1

사용 skewY() 지정된 각도로 y축을 따라 여러 <div> 요소를 기울입니다：

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

직접 시험해 보세요

예제 2

사용 skewY() 지정된 각도로 y축을 따라 이미지를 기울입니다：

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

직접 시험해 보세요

CSS 문법

skewY(a)

기술 세부 사항

브라우저 지원

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

관련 페이지

강의:CSS 2D 변환

참조:CSS 트랜스폼 속성

참조:CSS 스케이크() 함수

참조:CSS 스케이크X() 함수