A neat trick for website photos
Of interest to website design geeks … an easy method of applying borders and drop shadows to images, which I accidentally found in this article.
Instead of having to add borders and shadows to every image using a graphics program (as I did for my WA Snow pages), this method applies similar effects to plain images using CSS and a couple of DIV tags around the image’s HTML code. In other words, laborious and repetitive image editing is replaced with a bit of text.
In my example (a Firefox screenshot), the left photo has border and drop-shadow applied using this neat trick, while the other doesn’t. Both use the same source image. Its apparently compatible with most browsers, although Internet Explorer leaves out the white frame.
I’ve applied this effect to my cow photos gallery, and plan to use it on others … such as my new Tasmanian photo gallery which is coming soon.