card-bg-light.svg 1.6 KB

123456789101112131415161718192021222324252627282930
  1. <svg width="1920" height="500" viewBox="0 0 1920 500" fill="none" xmlns="http://www.w3.org/2000/svg">
  2. <g clip-path="url(#clip0)">
  3. <rect width="1920" height="500" fill="url(#paint0_linear)"/>
  4. <rect x="-52" y="-790" width="2323" height="1322" fill="url(#paint1_radial)"/>
  5. <ellipse cx="1109" cy="-130" rx="1635" ry="919" fill="url(#paint2_radial)" fill-opacity="0.7"/>
  6. <ellipse cx="1130" cy="-120.5" rx="1097" ry="928.5" fill="url(#paint3_radial)" fill-opacity="0.8"/>
  7. </g>
  8. <defs>
  9. <linearGradient id="paint0_linear" x1="-2.88576e-05" y1="500" x2="1018.41" y2="-745.404" gradientUnits="userSpaceOnUse">
  10. <stop stop-color="#D65CD6"/>
  11. <stop offset="1" stop-color="#FBC55A"/>
  12. </linearGradient>
  13. <radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(690.271 -790) rotate(90) scale(1613.94 2836)">
  14. <stop stop-color="#FB9D5A"/>
  15. <stop offset="0.505208" stop-color="#FB755A"/>
  16. <stop offset="1" stop-color="#FB5A67"/>
  17. </radialGradient>
  18. <radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1109 -130) rotate(90) scale(919 1635)">
  19. <stop offset="0.411458" stop-color="#FFA553" stop-opacity="0"/>
  20. <stop offset="1" stop-color="#D65CA5"/>
  21. </radialGradient>
  22. <radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1130 -120.5) rotate(90) scale(928.5 1097)">
  23. <stop stop-color="#FFCE6E"/>
  24. <stop offset="1" stop-color="#FFAC71" stop-opacity="0"/>
  25. </radialGradient>
  26. <clipPath id="clip0">
  27. <rect width="1920" height="500" fill="white"/>
  28. </clipPath>
  29. </defs>
  30. </svg>