WP LOGBOOK

Little adventures building sites with Wordpress…

CSS Hover Shadow Effect

leave a comment »

Whenever I visit Chris Coyier’s CSS Tricks website, I will always move my mouse over some images links to see the solid detail of the hover shadow effect. And that kind of tiny online activity can really impress someone like me and make me stay a while longer.

I thought of doing the same with my own future blog and with that in mind, I googled the web for answers and I found a very elaborate post on how to achieve the hover shadow effect on images links, that is img a, using CSS3.

You can either set this css as part of your global or utility rules but that only applies if you have standardizes all images links to be under no unique css on their own.

If you have images links that have their own set of css, then you can specify and target which class or id of that image link to achieve the hover shadow effect.

I will surely come back to this post and update my creation.

Advertisements

Written by Yahya Ayob

April 10, 2010 at 5:18 am

Posted in css, tutorial

Tagged with

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: