CSS3를 사용하여 애니메이션

Question

나는이 fiddle을 가지고 있습니다. class='hide'이 임의의 범위에 추가되면이 바이올린에 따라 애니메이션이 적용되어야하지만 제대로 작동하지 않습니다. class='hide'이 추가되면 범위를 애니메이션으로 만듭니다. 너비를 변경하면서 움직입니다.

Answer 1

width: auto을 애니메이션 프레임 중 하나로 정의했기 때문입니다. CSS 애니메이션은 주로 고정 값에서만 작동합니다.

예를 들어 width: 100px으로 설정하여 확인해보십시오. 이에

http://jsfiddle.net/MhJ2Y/3/

용액 문서로드 jQuery를 통해 고정 된 값으로 폭을 설정 & 점점 수있다.