쭈루랩

DOCTYPE html> 트랜지션 /* 트랜지션 - 스타일 속성을 변경시키는 것(배경색 바꾸거나 도형 테두리를 사각형 -> 원형으로 바꾸는 것) 익스플로러 10이상, 엣지, 대부분의 최신 브라우저에서 지원 속성 transition-property - 트랜지션의 대상을 지정 transition-duration - 트랜지션을 실행할 시간을 지정 transition-timing-function - 트랜지션의 실행 형태를 지정 transition-delay - 트랜지션의 지연 시간을 지정 transition - 위 속성들을 한꺼번에 지정 transition-property - 어떤 속성에 트랜지션을 적용할 것인지 대상을 지정 기본형 - transition-property : all | none | 속성값 all..

DOCTYPE html> 애니메이션 /* CSS 애니메이션 속성 @keyframes - 애니메이션이 바뀌는 지점을 지정 animation-delay - 시작 시간을 지정 animation-direction - 종료한 뒤 처음부터 시작할지 역방향으로 시작할지 지정 animation-duration - 실행 시간을 지정 animation-iteration-count - 반복 횟수를 지정 animation-name - 설정해 놓은 중간 상태를 지정 animation-timing-function - 키프레임의 전환 형태 지정 animation - 애니메이션 속성을 한꺼번에 묶어서 지정 @keyframes 속성 - 애니메이션의 시작과 끝을 비롯하여 상태가 바뀌는 부분 기본형 - @keyframes { { } } ..