scaleY 함수
scaleY 함수는 요소를
Y축을 따라 스케일링합니다. 스케일링은
transform-origin 속성으로 설정된 점을 중심으로 수행됩니다.
함수의 값은 정수 또는 실수입니다.
값이 1보다 크면 요소가 확대되고,
작으면(예: 0.5) 요소가
축소됩니다. 1을 지정하면 아무것도 변경되지 않습니다
(이것이 기본값입니다).
구문
선택자 {
transform: scaleY(숫자);
}
예제
블록에 마우스를 올리면 Y축을 따라 1.5배
확대합니다:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(1.5);
}
:
예제
블록에 마우스를 올리면 Y축을 따라 2배
축소합니다:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(0.5);
}
:
