css keyframes1 [CSS] animation animation animation이란? 여러 이미지를 연결해서 자연스럽게 움직이는 것처럼 보이게 만드는 기법 CSS을 이용해서 애니메이션을 만드는 두 가지 방법 transition 속성 활용 animation 속성과 keyframe 활용 transition VS animation transition : 특정한 이벤트를 기점으로 작동함 (hover 등) animation : 시작하기 위한 이벤트가 필요 없음. 시작, 정지, 반복까지 제어할 수 있음 animation 속성은 @keyframes로 애니메이션을 정의하고, 정의한 애니메이션을 불러와서 제어해주어야 한다. animation-name 어떠한 keyframes를 요소에 적용할 것인지 지정 animation-duration 애니메이션을 한 번 재생하는.. 2024. 4. 9. 이전 1 다음
