title: How to make a dot gradient effect in CSS
body: <p>I'm trying to find a way to create a polkadot gradient effect that fades between 2 colors.  It would be one solid color on the left, then the bubble/polkadot fade effect would transition until the rest of the image is a second solid color.  The following links provide examples of what I mean.  Can something like this be achieved in CSS?</p>
  
  <p>Examples:</p>
  
  <p><a href="https://www.123rf.com/photo_82363325_stock-vector-halftone-pattern-comic-background-dotted-retro-backdrop-with-circles-dots-design-element-for-web-ban.html?fromid=c1RuREVxQmNKMW0yMUc3U05BdEZJQT09" rel="nofollow noreferrer">https://www.123rf.com/photo_82363325_stock-vector-halftone-pattern-comic-background-dotted-retro-backdrop-with-circles-dots-design-element-for-web-ban.html?fromid=c1RuREVxQmNKMW0yMUc3U05BdEZJQT09</a></p>
  
  <p><a href="http://www.hobart.k12.ok.us/JUST%20FOR%20STUDENTS.bak2/AP%20Club/retro-yellow.jpg" rel="nofollow noreferrer">http://www.hobart.k12.ok.us/JUST%20FOR%20STUDENTS.bak2/AP%20Club/retro-yellow.jpg</a></p>