CSS Popup

posted by Audee | Wednesday, July 16, 2008

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 »

Labels: , ,




Post a Comment

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

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.

Subscribe to Post Comments [Atom]

Links to this post:

Create a Link

Home<< Home

Newer Posts       Older Posts