웹디자인 (1) 썸네일형 리스트형 Html - 애니메이션 효과2 (애니메이션 프레임 , transform) 태그에 keframes "스타일시트명" 을 이용해 내가 사용할 애니메이션 효과를 만든다. 이번에 해볼 것은 시간이 지남에 %가 바뀌어 배경색을 바꾸는 것과, transform:translate(x,y); 로 해당 태그 위치 좌표를 바꾸는 것이다. 이러한 샘플 애니메이션 효과를 적용시킨 p 태그의 스타일로 animation-name : (적용할 애니메이션 이름) 에는 내가 만들 sample 애니메이션 효과를 적으면되고 animation-duration : 에는 적용될 시간을 작성하면 되고 animation-fill-mode : 에는 수행 뒤에 하게 될 내용을 쓰면 되는데, 이러한 형식들은 검색을 활용해 여러가지를 적용해보자. 애니메이션 수행내용 이전 1 다음
