728x90 다단1 HTML/CSS - animation/다단 안녕하세요, HTML/CSS에서 animation 요소와 다단에 대해 정리해 보겠습니다. 애니메이션 때문에 이미지로는 한계가 있어 코드 위주로 정리하겠습니다.. ◆ animation: 애니메이션이름 지속시간(s) [타이밍 함수 대기시간 반복 획수 반복 방향 전후 상태 재생/정지]; 여기서 애니메이션 이름은 @keyframes의 이름입니다. @keyframes는 2개 이상의 애니메이션 중간 상태(프레임)을 지정해 줍니다. @keyframes는 애니메이션의 변화를 설정해주기 때문에 꼭! 정의해 주어야 합니다! @keyframes 양식 @keyframes 애니메이션 이름 { 0% { 속성: 값; } 50% { 속성: 값; } 100% { 속성: 값; } } .box { width: 100px; height: .. 2021. 6. 27. 이전 1 다음