Genie Window

clipPath + matrix3d transform (w. anime)
  1. anime을 활용하여 svg morphing (주의사항: svg morphing은 svg point개수가 같아야 하기 때문에, 피그마에서 하나의 object로 morphing된 여러개의 svg를 제작 및 사용)
  2. 하단 skew효과를 위해 matrix3d transform 적용 (참고: visualizing-matrix3d)
Modal Interaction with Genie EffectInspired by Mac OS X minimize interaction.