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, 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 :)

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

New Vector Set: Vintage Piano Badges

Hello again! Here's my latest vector set that you can check on Creative Market. Four designs of Vintage Piano Badge that are available ...