Voltar ao rankingGranim.js
Create fluid and interactive gradient animations with this small javascript library.
fluidgradientanimation
Métricas principais
Crescimento de estrelas
Estrelas
5.3k
Forks
224
Crescimento semanal
—
Issues
5
3k4k5k
set. de 2016abr. de 2018dez. de 2019ago. de 2021abr. de 2023nov. de 2024jul. de 2026
Artefatosnpm
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>
Repositórios relacionados