granim.js

granim.js 介绍

一个 基于canvas的背景颜色渐变动画 插件 。该 插件 通过配置几组不同的颜色方案，使指定元素 在这 些颜色中执行平滑的渐变色过渡 效果 。??

granim.js安装

npm

npm install granim --save

Bower

bower install granim

granim.js使用

<!-- 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>

网站地址 : https://sarcadass.github.io/granim.js/

GitHub: https://github.com/sarcadass/granim.js

网站描述: 轻量级的用来创建流体和交互式渐变动画的js库

granim.js官方网站

官方网站： https://sarcadass.github.io/granim.js/

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于granim.js的详细内容...