Getting Fancy with CSS and PNGs to Soften Edges

October 11th, 2009

I've been using a new ImageMagick script I wrote to make repetitive patterns.

I use the resulting patterns to create backgrounds for websites, but then I realized that the overlays cause some edges. I now want to soften the edges so I decided to use the transparent capabilities of PNG files.

I'll add more notes once I complete the process, but here's the gist of it:

  • overflow: auto;
  • background: transparent;
  • $("#left-fade").css("height",$("#container-inner").css("height"));
  • $("#left-fade-img").css("height",$("#container-inner").css("height"));

The div tags are important and relate to the structure put forth by MovableType Open Source.

Yearly Indexes: 2003 2004 2006 2007 2008 2009 2010 2011 2012 2013 2015 2019 2020 2022