[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