アニメーション

動かす際によく使用されている言語

2018-11-20

Java Script

jQuery
ParticleJS
Pixi.js
three.js
CreateJS

【パララックス効果】
・Skrollr
・FadeThis
・ScrollMe
・ScrollReveal.js
・wow.js

CSS

transform
transition
animation

HTML5

Canvas

SVG

WebGL

3D表現
例:java+canvas+WebGL

CSSについて

CSSトランジション

再生時間とタイミング程度の設定(transitionプロパティを使う)
主にロールオーバー効果(クリックすると何かが起きる)

CSSアニメーション

いつ何をどう変化させるか、という情報(キーフレーム)ををまとめた進行表のようなものを作る
例:開始0% 終了100%

PAGE TOP