ランキングに戻るGranim.js
Create fluid and interactive gradient animations with this small javascript library.
fluidgradientanimation
主要指標
スター成長
スター
5.3k
フォーク
224
週間成長
—
Issue
5
3k4k5k
2016年9月2018年4月2019年12月2021年8月2023年4月2024年11月2026年7月
成果物npm
npm install granim.jsREADME
Granim.js 
Create fluid and interactive gradient animations with this small javascript library.
See the demo site.
Install
From NPM
- Run
npm install granim --save
From Bower
- Run
bower install granim
Static
- Download the latest version in the release section
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>
関連リポジトリ