Dynamically Resizing CSS Picture Frame on Any Background
SEP 28th 2007 • 9 Comments
I've always hated the lack of interesting frames or borders on images on the web. Most picture frames on images have either had to have a fixed width (custom made for a particular image size) or they're simply part of the image being displayed. So I came up with a way of getting a dynamically sized border onto an image that works well on any background. All you have to worry about is the presentational markup required for it to work. So I put some JavaScript to Add Extra Markup Around a Tag together, to handle the presentation markup required, adding a layer of separation between the content and the presentation. The frame I'm using is made up of transparent PNGs to improve its look, but it could easily work with GIFs if designed appropriately.
continue reading
posted in: CSS | Design | Development |
I tried out