제가 spaceship에 hover를 줬는데요

21.10.15 11:25 작성 조회수 151

제가 따로 spaceship에

.spaceship:hover를 주고

transform에 scale, rotate, translate를 줘봤는데요.

translate했을 때 x축만 적으면 적용이되는데 y축까지 적으면 움직이질 않더라고요. y축은 어떠한 이유 때문에 적용이 안되는건가요?

인터랙티브 웹 개발 제대로 시작하기

Animation 3

강의실 바로가기

답변 1

답변을 작성해보세요.

1분코딩

2021.10.31

오타가 있는건 아닐까 모르겠네요~
아래와 같이 해보세요!

1. Y만 100px 적용할 경우
transform: translateY(100px);

2. X 50px, Y 100px 동시에 적용할 경우
transform: translate(50px, 100px);