Retour au classementGranim.js
Create fluid and interactive gradient animations with this small javascript library.
fluidgradientanimation
Indicateurs clés
Croissance des étoiles
Étoiles
5.3k
Forks
224
Croissance hebdomadaire
—
Issues
5
3k4k5k
sept. 2016avr. 2018déc. 2019août 2021avr. 2023nov. 2024juil. 2026
Artefactsnpm
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>
Dépôts similaires