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/
小编说
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。