Wednesday, July 16, 2008

CSS Popup

Today's CSS review is about CSS popups effect. This CSS will make images to appear and disappear on links mouse over. A neat way to drive reader's attention with icons, text or some decorative elements on rollover state.

CSS Popup

The "icon" is an img element inside the actual hyperlinks. To prevent the image from showing up when the page loads, MeyerWeb.com have the following style:
div#links a img {height: 0; width: 0; border-width: 0;}


So how to get the icons to appear? Better read the rest of this tutorial to see the demo page now ;)

Visit the tutorial »

No comments:

Post a Comment

If you like Graphic Identity's articles & our free design box, please drop your comment or subscribe Thank you :)

NOTE:
GraphicIdentity admin will always moderate all comments. We will not publish comments that include irrelevant links with targeted anchor text. Also it will be nice if you mention your name rather than to comment as an anonymous user.

Featured Post

Monster Illustration Vectors that Work

Not all monsters are scary and we can apply them in a design composition or illustration. You may want to search bunch of new created monst...