skewX () 메서드 , skewY () 메서드, skew () 메서드 > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

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개

전체 1,263
퍼블리셔팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT