skewX () 메서드 , skewY () 메서드, skew () 메서드 정보
CSS skewX () 메서드 , skewY () 메서드, skew () 메서드본문
skewX () 메서드
이 skewX()메서드는 지정된 각도만큼 X 축을 따라 요소를 기울입니다.
다음 예제에서는 <div> 요소를 X 축을 따라 20도 기울입니다.
예
div {
-ms-transform: skewX(20deg); /* IE 9 */
-webkit-transform: skewX(20deg); /* Safari */
transform: skewX(20deg);
}
skewY () 메서드
이 skewY()메서드는 주어진 각도만큼 Y 축을 따라 요소를 기울입니다.
다음 예제에서는 <div> 요소를 Y 축을 따라 20도 기울입니다.
예
div {
-ms-transform: skewY(20deg); /* IE 9 */
-webkit-transform: skewY(20deg); /* Safari */
transform: skewY(20deg);
}
skew () 메서드
이 skew()메서드는 X 및 Y 축을 따라 지정된 각도로 요소를 기울입니다.
다음 예제에서는 <div> 요소를 X 축을 따라 20도 기울이고 Y 축을 따라 10도 기울입니다.
예
div {
-ms-transform: skew(20deg, 10deg); /* IE 9 */
-webkit-transform: skew(20deg, 10deg); /* Safari */
transform: skew(20deg, 10deg);
}
두 x 째 매개 변수가 지정되지 않은 경우, 값은 0입니다. 따라서 다음 예제에서는 <div> 요소를 X 축을 따라 20도 기울입니다.
예
div {
-ms-transform: skew(20deg); /* IE 9 */
-webkit-transform: skew(20deg); /* Safari */
transform: skew(20deg);
}
0
댓글 0개