js渐变颜色数组

// 创建一个线性渐变背景
const element = document.getElementById('gradient-box');
element.style.background = 'linear-gradient(to right, #ff7e5f, #feb47b)';

// 创建一个径向渐变背景
const element = document.getElementById('gradient-circle');
element.style.background = 'radial-gradient(circle at center, #ff7e5f, #feb47b)';

const colors = ['#ff7e5f', '#feb47b', '#86a8e7', '#7f7fd5'];

function createGradient(colors) {
  return `linear-gradient(to right, ${colors.join(', ')})`;
}

const gradientBackground = createGradient(colors);
document.getElementById('gradient-box').style.background = gradientBackground;

element.style.background = '-webkit-linear-gradient(to right, #ff7e5f, #feb47b)';
element.style.background = '-moz-linear-gradient(to right, #ff7e5f, #feb47b)';
element.style.background = '-o-linear-gradient(to right, #ff7e5f, #feb47b)';
element.style.background = 'linear-gradient(to right, #ff7e5f, #feb47b)';