animista (1) 썸네일형 리스트형 CSS - 9 [animation, Animista] animation transform과는 다르게 어떠한 움직임으로 상태를 변화시키켜 애니메이션을 만드는 것말고 그냥 화면에 자동으로 애니메이션이 동작하는 경우 @keyframes 애니메이션이름{ from{ transform: } to{ transform: } } tag { animation: 애니메이션이름 시간 ease-in function } - from 부터 to까지 움직이는 animation을 만들고 싶다. 이제는 애니메이션의 스탭을 줘보자 : 상태를 여러 형태로 바꾸면서 이어지게 하자 위와 같이 여러 단계별로 나누어서 상태를 변화 시킬수 있다. 단계는 1% 2% 등 0~ 100%까지 나눌수 있다. 무조건 애니메이션을 transform으로만 만들라는 것은 아니다. border-radius: 50%등 .. 이전 1 다음
