[UPHPU] best method for css rounded gradient boxes

Orson Jones orson.uphpu at bookstore.usu.edu
Thu Dec 20 15:53:56 MST 2007


MilesTogoe wrote:
> I draw a rounded box & save it as a 200 x 100 px png.  I put it in my
> css as backround-image: url("mybackground.png");
> 
> But if the div is not a fixed width and stretches out to 300 px - the
> image is chopped at 200 - I would like the image to be stretched to the
> full 300

I added another section with a gradient curve. (Is this what you are thinking) I used the same
technique as before.

I cut out a piece of the image for each part of the background (corners, sides) I set the center to
be a solid color.

http://tetratech.info/oddcss/bgwrap/

Orson


More information about the UPHPU mailing list