Mobile Friendly Website

CSSPLAY

Doing it with style

OPACITYPartial Opacity II (Not for IE5+ or IE6)

6th February 2006

For all browsers



LandscapeLandscape
LandscapeLandscape
PortraitPortrait
LandscapeLandscape




Information

This is a very old demo that is kept on site for those starting out with CSS.

In a similar vein to the previous opacity demonstration, this one uses png opacity, so it is not available to Internet Explorer which just sees plain rectangular photos.

Sorry IE users, I suppose you could use a transparent gif but it wouldn't look quite as good.

The png opacity this time is in the form of a square frame with a central circle which starts fully transparent and fades out to no transparency at the edges.

This is overlayed on the photograph and stretched horizontally and vertically to fit so giving the impression of an oval border.

5th September 2006

Works in Internet Explorer 7


Support CSSPLAY

Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


CUSTOM SEARCH

Facebook Twitter rss feed Facebook Fan Page