gradients

gradients (required)

グラデーションを指定します。

• 初期値 : /
• type : arrayの配列

異なる色の組み合わせのグラデーションを指定します。 例えば[ ['#FFF', '#000'], ['#000', '#FFF'] ]。 配列に含まれるグラデーションは1つのみです。

デモ

グラデーションを指定しています。 3つの組み合わせのグラデーションが徐々に入れ替わります。

JavaScript

var granimInstance = new Granim({
  element: '#granim-canvas',
  opacity: [1, 1],
  states : {
    'default-state': {
      gradients: [
        ['#B3FFAB', '#12FFF7'],
        ['#ADD100', '#7B920A'],
        ['#1A2980', '#26D0CE']
      ]
    }
  }
});

HTML

<canvas id="granim-canvas" style="width:100%;"></canvas>