일상적인 프로젝트에서 쉽게 사용할 수있는 SVG 애니메이션의 예를 원한다면 흥미로운 데모가 있습니다. 

Daniel Wolf의 이 우아한 목록 확장 애니메이션은 사용자에게 확장 된 정보를 표시하려는 모든 모바일 또는 웹 응용 프로그램에서 잘 작동합니다.

https://codepen.io/daniel_wolf/pen/qdrQKy 

저자의 설명에 따르면 이 효과의 핵심은“전환으로 이동하는 요소의 타이밍”입니다. 

애니메이션은 CSS와 클릭 기능을 위한 약간의 jQuery를 사용합니다.