微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

granim.js

编程之家收集整理的这个编程导航主要介绍了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/

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