隨機漸變背景色

說明

• 隨機顏色
• 隨機漸變類型

代碼段

  var randum = 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(randum(255)) + hexify(randum(255)) + hexify(randum(255));
  };
  var blender = function() { //隨機漸變
    if (!!Math.round(Math.random())) {
      return 'radial-gradient(circle at ' + randum(100) + '% ' + randum(100) + '%, ' + randex() + ', ' + randex() + ')';
    } else {
      return 'linear-gradient(' + randum(360) + 'deg, ' + randex() + ', ' + randex() + ')';
    }
  };

效果

個人鏈接

• github：https://github.com/webxing
• 簡書：https://www.jianshu.com/u/489662a091fd