|
|
лет назад: 2 | |
|---|---|---|
| .. | ||
| dist | лет назад: 2 | |
| docs | лет назад: 2 | |
| test | лет назад: 2 | |
| .eslintrc.js | лет назад: 2 | |
| .travis.yml | лет назад: 2 | |
| CHANGELOG.md | лет назад: 2 | |
| CONTRIBUTING.md | лет назад: 2 | |
| LICENSE | лет назад: 2 | |
| README.md | лет назад: 2 | |
| bower.json | лет назад: 2 | |
| gulpfile.js | лет назад: 2 | |
| index.js | лет назад: 2 | |
| karma.conf.js | лет назад: 2 | |
| package.json | лет назад: 2 | |
| standalone.js | лет назад: 2 | |

Create fluid and interactive gradients animations with this small (< 17 kB) js library.
See the demo site.
npm install granim --savebower install granim<!-- 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>