반응형 애니메이션1 🎞️ CSS 애니메이션(Animation) 요약! CSS로 애니메이션을 줘보자 애니메이션(Animation) 이란? 한 CSS 스타일에서 다른 CSS 스타일로 부드럽게 전환시켜 주는 것 애니메이션은 로드된 이후 바로 시행됨. 그러나 설정으로 조건에 따라 일어나게 만들 수도 한 번만 일어나게 할 수도, 아님 계속 반복하게 할 수도 있음 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프레임으로 구성 🐍 prefix 작성시 유의사항 : prefix 똑같이 달아야함 CSS에서 애니메이션 사용하는 방법 키프레임 작성하기 @keyframes namehere { from { margin-left: 100%; width: 300% } to { margin-left: 0%; width: 100%; } } 키프레임이란 애니메이션의 중간 상태를 .. 2022. 9. 25. 이전 1 다음 반응형