CSS ग्रेडिएंट जनरेटर - लीनियर और रेडियल ग्रेडिएंट बनाएं ऑनलाइन

// Create CSS gradients programmatically
function createLinearGradient(angle, colorStops) {
  const stops = colorStops
    .map(stop => `${stop.color} ${stop.position}%`)
    .join(', ');
  return `linear-gradient(${angle}deg, ${stops})`;
}

function createRadialGradient(shape, position, colorStops) {
  const stops = colorStops
    .map(stop => `${stop.color} ${stop.position}%`)
    .join(', ');
  return `radial-gradient(${shape} at ${position.x}% ${position.y}%, ${stops})`;
}

// Usage
const linear = createLinearGradient(135, [
  { color: '#667eea', position: 0 },
  { color: '#764ba2', position: 100 }
]);
console.log(linear);
// linear-gradient(135deg, #667eea 0%, #764ba2 100%)

document.body.style.background = linear;