dropshado.ws

Front-end development minutiæ

by David DeSandro

Archive
RSS feed
Twitter
original Tumblr version

Polka dot background with gradients

Playing around with gradient backgrounds after Lea Verou and Benjamin De Cock’s demos. Gradients don’t render with perfect anti-aliasing if two color-stops share are especially close to one another. Circles are rendered with pixelated edges. It’s probably better just to use an image here, or if it needs to be dynamic, perhaps generate the image via <canvas>.

Fiddle: Polka dot background with gradients

18 Jan 2011
  • CSS,
  • hasfiddle
Page of
  • desandro.com
  • @desandro
  • github.com/desandro
  • desandro’s JS Fiddles