Anime.js - 간단한 자바 스크립트 애니메이션 라이브러리

웹 애니메이션 먼 길을왔다. 개발자는 CSS / SVG / JS의 콤보를 사용하여 애니메이션을 만들 수있을뿐만 아니라, 수십 개의 무료 라이브러리 과정에서 시간을 절약하기 위해.

내가 좋아하는 것 중 하나는 Anime.js, 완전 무료, 오픈 소스 자바 스크립트 애니메이션 라이브러리.

이 라이브러리는 다해라.. 그 자바 스크립트로 작성 그러나 그것도 CSS 애니메이션에 크게 의존. 개별 페이지 요소를 타겟팅 할 수 있습니다. DOM을 통해 또는 심지어 타겟팅 할 수 있습니다. 커스텀 SVG.

모든 문서는 GitHub에서 자체 호스팅, 그래서 당신이 찾고있는 것을 정확히 찾으려면 스크롤해야 할 수도 있습니다. 그러나 각 애니메이션 기능 몇 가지 매개 변수가있다. 지연, 지속 시간 및 여유 시간 설정.

이 라이브러리에 유의하십시오. 오지 않는다. 많은 기본 애니메이션 스타일이 있습니다. Anime.js는 개발자 용 자신의 애니메이션을 원하는 사람 자세한 코드를 작성하지 않고.

들어 실제 예, 아래의 Codepen 펜을 확인하십시오. 코드는 대단히 간단하다. 하지만 당신은 믿을만한 애니메이션을 얻을 수 있습니다. 스쿼시 & 스트레치 ...을 더한 예기, 애니메이션의 두 기본 요소.

공정한 경고 : Anime.js 라이브러리는 밀집한. 맞춤 애니메이션을 만드는 것이 그리 어렵지는 않지만 몇 가지 기본 사항을 이해한다. 콜백 및 옵션을위한 easing 및 일반적인 JavaScript 구문.

그러나 필요한 모든 정보 ~에있다. repo 페이지, 포함 많은 코드 샘플 과 자세한 문서 테이블. 현재 열려있는 버그 보고서를 탐색하거나 현재 포함 된 브라우저 지원을 확인할 수 있습니다. 모든 주요 브라우저와 IE 10+.

이것은 웹 개발자를위한 최고의 애니메이션 라이브러리 중 하나입니다. 복잡한 웹 애니메이션.

무리를 보려면 실제 예제, CodePen에서 호스팅되는 Anime.js 데모 모음을 확인하십시오. 아래, 나는 마음에 드는 것을 묻었다. 로고 전체를 처음부터 애니메이션으로 만든다., 진정한 생기와 함께.