granim.js_轻量级的用来创建流体和交互式渐变动画的js库

granim.js

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

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

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

访问官网

GitHub

一个基于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://fly63.com/nav/1827