Animation 애니메이션 Javascript 라이브러리

Typeit

https://www.typeitjs.com/

TypeIt

 

Scrollout

https://scroll-out.github.io/

ScrollOut

 

anime.js

css속성, css transform, SVG와  DOM요소의 속성, Javascript객체를 사용하여 동작하는 Javascript 애니메이션 라이브러리. 

설치 및 Import

npm install animejs --save

import anime from 'animejs/lib/anime.es.js';

<template>
  <div class="container">
  	<p class="target">target anime</p>
  </div>
</template>

export default {
	mounted() {
      this.$anime({
        targets: '.target',
        translateX: '50px',
        duration: 3000
      })
   	}
}

 

https://github.com/juliangarnier/anime

GitHub - juliangarnier/anime: JavaScript animation engine

---

GSAP

GreenSock에서 만든 자바스크립트 애니메이션 라이브러리로 

복잡한 애니메이션을 구현하기위한 도구. 

https://greensock.com/gsap/

GSAP