HTML CSS 애니메이션 정리
- 최초 등록일
- 2022.04.09
- 최종 저작일
- 2022.04
- 4페이지/ MS 워드
- 가격 4,000원
소개글
Css – 애니메이션( 키 프레임 설명 포함 ) 속성 부류
① 각 속성에 대해서 정리할 내용으로 속성의 기능, 속성값, 사용 방법은 반 드시 포함해야 한다. ② 정리할 각 속성은 부류 별로 구분하고, 각 부류 별로 속성에 1번부터 번호를 매겨서 정리한다.
목차
없음
본문내용
1. animation-name기능 : 요소에 적용할 애니메이션을 설명하는 하나 이상의 at-규칙 이름을 지정속성값 :
none : 키프레임이 없음을 나타내는 특수 키워드. 다른 식별자의 순서를 변경하지 않고 애니메이션을 비활성화하거나 캐스케이드에서 오는 애니메이션을 비활성화하는 데 사용custom-ident : 애니메이션을 식별하는 이름입니다. 이 식별자는 대소문자 를 구분하는 문자 a~ z, 숫자 0~ 9, 밑줄( _) 및/또는 대시( -)의 조합으로 구성됩니다. 대시가 아닌 첫 번째 문자는 문자여야 합니다. 또한 식별자 시작 부분에 두 개의 대시를 사용할 수 없습니다. 또한 식별자는 none, unset, initial또는 inherit.
<중 략>
9. @keyframes 규칙
@keyframes 규칙을 정의할 때는 최소 두 개의 중간 상태를 기술해줘야 한다. 최소한 애니메이션의 시작과 끝에는 엘리먼트가 어떤 스타일을 가져야 하는지 알려줘야 하기 때문이다.
참고 자료
없음