animation : 애니메이션이름 지속시간 [타이밍함수 대기시간 반복횟수 반복방향 전후상태 재생/정지]; .box { width:100px; height:100px; background:tomato; animation: hello 2s linear infinite both; @keyframes hello { 0% { width:200px; } 100% { width:50px; } } * transition은 전후의 상태만 지정이 가능하며 animation은 % 지정으로 다양한 애니메이션을 지정할 수 있음. * 항상 delay는 duration 값 뒷 부분에 입력해야 함. 속성 name duration timing function ease (transition에서 사용했던 것과 동일) linear eas..