随机渐变背景色

最新推荐文章于 2023-05-08 18:43:48 发布

阿昕_

最新推荐文章于 2023-05-08 18:43:48 发布

阅读量1.2k

点赞数

分类专栏：特效

本文链接：https://blog.youkuaiyun.com/believeXin/article/details/79933460

版权

特效专栏收录该内容

1 篇文章

订阅专栏

说明

随机颜色
随机渐变类型

代码段

  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() + ')';
    }
  };