Eye Card Animation

Eye Card Animation

이번에는 codepen을 통해서 카드와 함께 사람 눈이 움직이는 애니메이션을 만들어 봤습니다.

1. HTML속 각각에 class를 querySelector 요소를 잡아줍니다.
2. animate 요소에 움직임을 주기 위해서 speed 요소도 잡아주며, 각 좌표에 값도 지정해줍니다.
3. script 안에 eye, wrap 요소의 스타일을 주며, perspective는 원근감 느낌을 주는 속성입니다.

See the Pen Eye Card Animation by KDB6 (@kdb6) on CodePen.