아이콘 애니메이션

평가 :0조회 :1,403댓글 :0다운 :76
첨부파일
HTML,JS,CSS
소프트웨어
HTML
레이아웃
반응형 웹
지원 브라우저
IE10이상,크롬,사파리,파이어폭스,오페라
용도범위
상업적 용도로 사용가능
출처표시
출처 안 밝혀도 됨
라이센스
크리에이티브 커먼즈 라이센스
표시방식
FREE
기본정보
트위터의 하트 애니메이션처럼 보이게하기 위해 아이콘을 쉽게 애니메이트 할 수 있다는 것은 정말 좋을 것입니다. 그리고 하이브리드의 Daryl Ginn 이 찍은 이 Dribbble 을 본 후에 (이것은 "트위터의 애니메이션이 페이스 북에 있던 것처럼 보일 것입니다"), 우리는 mo.js를 Dave Gandy의 Font Awesome Web 글꼴과 함께 사용하여 무엇을 할 수 있는지보고 싶었 습니다. 우리가 움직이는 아이콘은 "좋아하는 것", "좋아하는 것"또는 "upvote"와 같은 활성 상태를 갖는 것이 합리적인 행동입니다. 이론적으로 이러한 종류의 효과를 적용 할 수는 있지만 이러한 종류의 동작에 대해서는 더 합리적입니다. Oleg의 라이브러리는 사용하기가 정말 쉽습니다. 지금까지 단 하나의 튜토리얼 만 있으면 정확한 타이밍 기능 컨트롤을 요소에 적용하는 방법에 대한 통찰력을 얻을 수 있습니다. 이것은 많은 가능성을 열어주고 복잡하고 현실감있는 애니메이션을 제작할 수있게합니다. 아웃 확인 GitHub의의 REPO을 더 많은 정보를 볼 당신이 기여할 수있는 방법에 대해 설명합니다. 출처:https://tympanus.net/codrops/2016/02/23/icon-animations-powered-by-mo-js/
댓글0
TOP