svg patternsvg fullpng fullcss gradientsvg blobsvg blend

css gradient as background

  1. Add radial gradients from https://csshero.org/mesher/ in tailwind.config.js as background image.
  2. Add hsl color and background image in html tag
    3. <main className='h-screen w-screen bg-[hsla(234,89%,9%,1)] 
            bg-radial_gradient bg-contain py-10'>
  3. Add width and height.