Style five images different ways, using selected scenarios. The styling must all be done with CSS; the images cannot be altered.
A new image style for National Geographic. This image was actually cropped and resized because it was about 1500 pixels wide originally. From Pixmac. The colour is accurate to National Geographic's selected web yellow. The white border delineates the edge of the div, and is not an inherent part of the image style.
An image with a caption. Original image from Pixmac. Quotation from Delmore Schwartz's Calmly We Walk Through This April's Day.
The First Anniversary
An image with text over it; the words are the title of a poem by John Donne that seemed to go well with the image.
An image map with three elements, and a 30% opacity applied overall. I was trying to make a mouseover image map, where the elements would pop to 0% opacity on hover, but I can't quite figure that out, though I think I have promising leads.
A new style for my portfolio page, where a block of text appears on hover. Probably will need some fine-tuning for wide use, but it works in prototype, and I understand the code.
