Volver al rankingGranim.js
Create fluid and interactive gradient animations with this small javascript library.
fluidgradientanimation
Métricas clave
Crecimiento de estrellas
Estrellas
5.3k
Forks
224
Crecimiento semanal
—
Issues
5
3k4k5k
sept 2016abr 2018dic 2019ago 2021abr 2023nov 2024jul 2026
Artefactosnpm
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>
Repositorios relacionados