Tuesday, 6 August 2013

How to create a dynamically sized form background with CSS?

How to create a dynamically sized form background with CSS?

I've been working on a project that involves essentially redoing an entire
site, minus the layout, some of which I had to carry over, such as the
Login page.
Right now, the login page consists of two boxes that are just static
images. I'd like to replace both of them with one, dynamically sized
background image.
One of the two current boxes contains this image as the background:

I'd like something extremely similar to this, even with the gradient if
possible. I'd also like to keep the weird shadowing effect that's all
around the edges.
I'm a developer, not a designer. Can anybody help me out here? CSS is far
from my forte.
Thanks in advance.

No comments:

Post a Comment