【Javascript】グラデーションのアニメーションを作成するGranim.js

Granim.jsは軽量のグラデーションのアニメーションを作成するJSライブラリー。

How to use

<!-- Create a <canvas> element -->
<canvas id="granim-canvas"></canvas>
<!-- Call the script -->
<script src="granim.min.js"></script>
<!-- Create a Granim instance -->
<script>
var granimInstance = new Granim({
element: '#granim-canvas',
name: 'granim',
opacity: [1, 1],
states : {
"default-state": {
gradients: [
['#834D9B', '#D04ED6'],
['#1CD8D2', '#93EDC7']
]
}
}
);
</script>

MITライセンス

 
Granim.js

【Javascript】グラデーションのアニメーションを作成するGranim.js

  • LATEST
  • RELATED
  • POPULAR