CSS Text Shadow जनरेटर - टेक्स्ट इफेक्ट ऑनलाइन बनाएं

// Generate text-shadow CSS from parameters
function generateTextShadow(layers) {
  return layers.map(layer => {
    const { r, g, b } = hexToRgb(layer.color);
    const rgba = `rgba(${r}, ${g}, ${b}, ${layer.opacity})`;
    return `${layer.offsetX}px ${layer.offsetY}px ${layer.blur}px ${rgba}`;
  }).join(', ');
}

function hexToRgb(hex) {
  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
  return result ? {
    r: parseInt(result[1], 16),
    g: parseInt(result[2], 16),
    b: parseInt(result[3], 16)
  } : { r: 0, g: 0, b: 0 };
}

// Generate neon glow effect
function generateNeonGlow(color, layerCount = 4, maxBlur = 42) {
  const shadows = [];
  for (let i = 0; i < layerCount; i++) {
    const progress = (i + 1) / layerCount;
    const blur = Math.round(maxBlur * progress);
    const opacity = (1 - progress * 0.6).toFixed(1);
    const { r, g, b } = hexToRgb(color);
    shadows.push(`0 0 ${blur}px rgba(${r}, ${g}, ${b}, ${opacity})`);
  }
  return shadows.join(', ');
}

// Usage
const shadow = generateTextShadow([
  { offsetX: 2, offsetY: 2, blur: 4, color: '#000000', opacity: 0.5 }
]);
console.log(`text-shadow: ${shadow};`);
// Output: text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);