In this example it illustrates on how to create a hover menu without using a javascript but only pure css.
Output:
CSS:div
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#000000;
list-style:none;
}
td
{
background-image:url(banner2.jpg);
width:150px;
left: 14px;
top: 0px;
text-align:center;
}
a:hover div
{
color:#FFFFFF;
opacity:.2;
background-color: #0000FF;
}
How to create hover button without javascript
Post a Comment