Wordpress css hover

jdunhin

New member
Joined
Feb 27, 2013
Messages
93
Points
0
Hi

Sharing a tip for developers :)

I am using sprite images and when I hover it just use the bottom part of the image. This is very handy to speed up your website or blog.

CSS:

#ID {
width: 136px; //SIZE OF THE ONE PART OF THE IMAGE
height: 48px;
background-image: url("THE-IMAGE");
background-position: top; //TOP PART OF IMAGE
display: block; //MAKE THE IMAGE A LINK
}

#ID:hover {
background-position: bottom; //BOTTOM PART OF THE IMAGE
}

HTML:
<a id='ID' href="http://LINK"> </a>
 
Older threads
Replies
8
Views
2,853
Replies
1
Views
1,691
Replies
1
Views
1,659
Replies
1
Views
1,574
Replies
5
Views
1,673
Newer threads
Replies
0
Views
1,660
Replies
0
Views
1,863
Replies
6
Views
3,587
Replies
6
Views
2,862
Replies
4
Views
2,550
Latest threads
Replies
3
Views
55
Replies
1
Views
110

Latest postsNew threads

Referral contests

Referral link for :

Sponsors

Latest Blog ArticlesMost Viewed Threads

Popular tags

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top