Mobile Friendly Website

CSSPLAY

Doing it with style

OPACITYImage Link Text

13th May 2007

For all browsers



Monkey #1
with mobile phone Photographer: Maxim Malevich Dreamstime.com
Monkey with mobile phone
Monkey #2
Mandrill Photographer: Petr Mašek Dreamstime.com
Mandrill
Monkey #3
Colobus Photographer: Steffen Foerster Dreamstime.com
Colobus monkey




Information

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

Simple link images with caption text and a hover effect to show extra text in a semi-transparent box. The hover works on the image and the caption text.

The CSS fails validation because of the use of opacity which is not yet covered by the w3.org validator.

This works in Firefox, Opera, Mozilla, Netscape, IE7 and IE6.

These images have all been purchased from dreamstime.com for use on CSS PLAY and are copyright their photographers so please do not copy without permission.


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.


For more CSS demonstrations
I recommend that you visit the Dynamic Drive CSS Library.


Free, practical CSS menus, layouts, and examples


CUSTOM SEARCH

Facebook Twitter rss feed Facebook Fan Page