반응형
카카오톡 웹 이모티콘 샵을 구경하다가 마음에 드는 이모티콘을 찜(하트/좋아요) 했는데, 인터렉션이 너무 귀여워서 소스를 까보았다. 애니메이션 스텝을 하나하나 그린 파일을 넘겨서 보여주는 방식이었다. 디자이너님의 노고가 느껴졌다. 그만큼 결과물이 예쁜 것 같다.
좋아요 (웃으며 빨간색이 차오르는 하트)
좋아요 해제 (눈물흘리며 색이 빠지는 하트)
이런식으로 가로길이 약 18,000px의 이미지...!
See the Pen kakao heart animation by zinee (@zineeworld) on CodePen.
반응형
'개발일지 > 2018' 카테고리의 다른 글
| [JS] 초보자를 위한 바닐라 자바스크립트 (노마드 코더스) (2) | 2018.12.08 |
|---|---|
| [CSS] ios chrome/safari input placeholder 세로정렬 (0) | 2018.09.05 |
| [Chrome] Dev Tool > Audits (Lighthouse) (0) | 2018.05.03 |
| [JS] JavaScript Drum Kit을 응용한 Zinee Piano (0) | 2018.04.26 |
| [CSS] safari calc (%-px) in table-cell is not working (0) | 2018.04.04 |