<ul class="navigation"> <li><a href="#"><img id="explore" src="images\explore.png"/></a></li> <li><a href="#"><img id="material" src="images\material.png"/></a></li> <li><a href="#"><img id="team" src="images\team.png"/></a></li> <li><a href="#"><img id="contact" src="images\contact.png"/></a></li> <li><a href="#"><img id="merchandise" src="images\merchandise.png"/></a></li> </ul>
#explore:hover { content: url('images/explore-hover.png'); } #material:hover { content: url('images/material-hover.png'); } #team:hover { content: url('images/team-hover.png'); } #contact:hover { content: url('images/contact-hover.png'); } #merchandise:hover { content: url('images/merchandise-hover.png'); }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)