Show transparency of in-page images on hover

Show transparency of in-page images on hover
347
By myf
Last updated Aug 19 2008
4 installs this week, 207 total.

Replaces images background by a white-grey grid while hovered, so you can see whether/how transparent it is.

Complicated selector is because of compatibility with the Center images (+ dynamic background), which this one initially came from (you can merge them again and prevent some duplicity of code).

Notes: obviously, does not work with "images" placed as background-images.

Change log:
2008-01-09 : added inverted dotted outline for hovered images: this will reveal whether the image is placed as real "IMG" or not.

Notes:
- "invert" IS a valid value of "outline-color" property -- so ignore installation warning. See http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color
- If you want to be sure that the hovered image is not "unnaturally" resized: Resize Images to Maximum Size when Mouse Hovers

Screenshot

Install options

Feedback

Reviews