jQuery

【jQuery】グラデーションの背景をアニメーション化するBackgroundor

August 24, 2016
Backgroundor

Backgroundorはグラデーションの背景をアニメーション化するためのjQueryプラグインです。

JS

<script type="text/javascript" src="/js/jQuery191.js"></script>
<script type="text/javascript" src="/js/backgroundor.jquery.js"></script>

API Reference

  1. type
  2. options
  3. 'opacity'
  4. 'lgradient'
  5. 'rgradient'
// the values here are the default values
options = {
  opacityval    : 0; // int, only 1 or 0 are accepted now (can be boolean too)
  intervaltime  : 100; // int, interval time value
  values        : [0,51,75]; // array of int, default percentage values for the linear gradient colors
  colors        : ['#499bea','#207ce5','#1679e3']; // array of string (hex values), default colors for the linear gradient
  color         : '#000000'; // string (hex value), default color for opacity animation
  animspeed     : 'linear'; // string, default animation curve
  animdegree    : '90deg'; // string, default linear-gradient degree
}

MIT
Demo/Download