또한, x축과 y축 방향으로 동시에 2배만큼 확대하고 싶다면, 즉 요소 크기를 2배 확대하고 싶다면 다음과 같이 scale() 함수로 코드를 작성하면 됩니다. 이때 x축과 y축의 값이 같으면 scale(2)라고 적어도 됩니다.
06/08/transform-scale.html
div:hover{
transform:scale(2, 2);
}
그림 6-81 실행결과
또한, x축과 y축 방향으로 동시에 2배만큼 확대하고 싶다면, 즉 요소 크기를 2배 확대하고 싶다면 다음과 같이 scale() 함수로 코드를 작성하면 됩니다. 이때 x축과 y축의 값이 같으면 scale(2)라고 적어도 됩니다.
06/08/transform-scale.html
div:hover{
transform:scale(2, 2);
}
그림 6-81 실행결과