랭킹으로 돌아가기Granim.js
Create fluid and interactive gradient animations with this small javascript library.
fluidgradientanimation
주요 지표
스타 성장
스타
5.3k
포크
224
주간 성장
—
이슈
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>
관련 저장소