수업시간에 나온 코드이다. 무슨 뜻일까?
-
animation: slide의 slide가 애니메이션 이름이다(속성값을 slide 6s ease 1s infinite처럼 한줄에 줄 수도 있고 따로따로 지정할 수도 있다.
-
keyframe은 animation을 구성하는 요소이다( 애니메이션 세부 옵션 정의?정도로 알아두자 )
animation의 각종 속성들
출처 : https://gahyun-web-diary.tistory.com/5
KeyFrame의 기본 사용법
출처 : https://velog.io/@tata-v_vlelog/CSS-keyframes-Canvas-%EC%82%AC%EC%9A%A9%EB%B2%95
0%, 50%, 100%는 animation의 duration을 말하는 듯하다.
책, 블로그 내용을 그대로 재정리하는 것은 가장 효율적인 시간 낭비 방법이다. 벨로그에 글을 쓸때는 직접 문제를 해결한 과정을 스크린샷을 이용해 정리하거나, 개념을 정리할때는 최소2,3개소스에서 이해한 지식을 정리한다.