How does the CD project work?

The CD Project uses simple css. The image is loaded from flickr into the center (as a background image) of a 500 pixel square “container” which hides all the overflow. Then a partially transparent CD gif overlay is placed on top and you can see the image through the transparent parts.

This project uses the first size it finds which is both at least 500 pixels wide and 500 pixels high. We center the CD overlay as shown below over top of the image. If you want your CD to use all or most of your image: make sure your original is 500pixels by 500pixels wide when you upload it and that is the one we will use – such as shown in this example.

Related Topics: