css animation1 [Frontend] CSS와 JS Animation의 차이점 취준생이라면 알면 좋을 프론트엔드 관련 지식들 자료를 보고 정리한 내용입니다. ✅ CSS Animation CSS로 웹 사이트에 애니메이션 효과를 줄 때 transition과 animation 속성을 사용할 수 있다. CSS에서의 애니메이션은 JS에서보다 좀 더 간단한 애니메이션을 구현, 처리하는데 사용한다. 특정 영역에 마우스를 올리거나(hover) 특정 영역의 크기를 바꾸거나 하는 것들이 여기 해당한다. 만약 어떤 정사각형을 왼쪽 위에서 오른쪽 아래로 이동하는 애니메이션을 구현한다고 하면 transform의 translate 속성을 바꿔주면 된다. 이를 JavaScript로 구현하기 위해서는 setInterval을 이용해서 top과 left 속성을 계속 변화시켜 주어야 한다. 이때 값이 계속 변화하는.. 2022. 2. 2. 이전 1 다음
