Advanced Search

Return to Snippet

Revision: 30997
at August 27, 2010 01:09 by thesmu
Initial Code 
CSS Code

a.rollover {
	display: block;
	width: 150px;
	height: 44px;
	text-decoration: none;
	background: url("webvamp.jpg");
	}

a.rollover:hover {
	background-position: -150px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

HTML Code

<a href="#" class="rollover" title="Webvamp"><span class="displace">Webvamp</span></a>
Initial URL 
http://www.webvamp.co.uk/blog/coding/css-image-rollovers/
Initial Description 

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
css image rollover

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
css, image

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS