모바일 플로팅 확장 메뉴 만들기 - 버튼클릭시 서브메뉴가 열리는

 

아래와 같이 플로팅 메뉴 버튼을 하나 두고 클릭했을 때 서브메뉴가 열리는 확장 형태의 메뉴를 만드는 두가지 애니메이션 효과를 구현해 보았다. 

 

 

1. 뒤에 숨겨져있다가 확장되면서 나오는 효과 

 

 

2. 회전하면서 서브메뉴들이 나오는 효과 

 

 

 

실제로 애니메이션이 어떻게 구현되었는지 아래 코드에서 확인해 보세요