随机渐变背景色

说明

• 随机颜色
• 随机渐变类型

关键代码段

  var randnum = function(max) { //随机数
    return Math.round(Math.random() * max);
  }
  var hexify = function(x) { //转换16进制
    return ('0' + parseInt(x).toString(16)).slice(-2);
  }
  var randex = function() { //随机16进制色彩值
    return '#' + hexify(randnum(255)) + hexify(randnum(255)) + hexify(randnum(255));
  };
  var blender = function() { //随机渐变
    if (!!Math.round(Math.random())) {
      return 'radial-gradient(circle at ' + randnum(100) + '% ' + randnum(100) + '%, ' + randex() + ', ' + randex() + ')';
    } else {
      return 'linear-gradient(' + randnum(360) + 'deg, ' + randex() + ', ' + randex() + ')';
    }
  };

效果

效果图

demo源码