앞으로 사용되지 않을 예정이므로 주의하기 바란다.
매개 변수로 지정된 X, Y축의 각도에 따라 2차원 방식으로 기울기를 처리한다.
skew()
함수는 호환성을 위해서 존재하며 앞으로 사용하지 않도록 해야 한다. 대신에 skewX
() 또는 skewY()
를 사용한다.skew()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.
[ <angle> | <zero> ] [, [ <angle> | <zero> ] ]?
x
축 방향의 <angle>
또는 <zero>
와 y
축 방향의 <angle>
또는 <zero>
의 값으로 2D 기울이기를 지정한다. y
축 방향의 값이 생략되면 0
으로 처리된다.
0~360도 범위의 각도 값을 deg
(도), grad
(그레이드), rad
(라디안), turn
(턴) 단위로 표현한다.
<angle>
데이터 타입은 <number>
타입의 값 다음에 사용 가능한 단위를 붙여 구성한다. 숫자와 단위 사이에 공백은 허용하지 않는다. 0
인 경우에는 단위를 붙이지 않아도 된다.
선택적으로 +
, -
부호를 사용하여 양수와 음수 값을 구분하여 설정할 수 있다. 양수의 경우는 시계 방향, 음수의 경우에는 시계 반대 방향의 회전을 의미한다.
값이 0
인 리터럴 숫자를 나타낸다. 단순히 값이 0
인 <number>
로 평가되는 식(예: calc(0)
)은 <zero>
와 일치하지 않는다. 리터럴 <number-token>
만 수행한다.
transform: skew(45deg);
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Transforms Module Level 1 | 추천 후보 | Last review date: 2022-11-17 |