onEnd

onEnd

アニメーション開始時にトリガーされます。

• 初期値 : false
• type : function

デモ

アニメーション終了時に'アニメーション終了'と表示します。

JavaScript

var granimInstance = new Granim({
  element: '#granim-canvas',
  opacity: [1, 1],
  states : {
    'default-state': {
      gradients: [
        ['#834D9B', '#D04ED6'],
        ['#1CD8D2', '#93EDC7']
      ],
      loop: false,
    },
  },
  onEnd: function() {
    document.getElementById('result').innerText = 'アニメーション終了';
  }
});

HTML

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