Skip to content

Instantly share code, notes, and snippets.

@olalavui
Created April 17, 2012 14:21
Show Gist options
  • Select an option

  • Save olalavui/2406251 to your computer and use it in GitHub Desktop.

Select an option

Save olalavui/2406251 to your computer and use it in GitHub Desktop.
CSS Menu on Mouseover. Read full: http://tutorial-share.com/css-menu-mouseover/
.ulcssmenu h3{
position:absolute;
top:0px;
padding:0 20px;
text-decoration:underline;
}
.ulcssmenu {
float: left;
height: 200px;
left: 0;
margin: 0 0 18px 18px;
padding: 0;
width: 97%;
list-style: none outside none;
}
.ulcssmenu li {
float: left;
height: 200px;
margin: 10px 20px;
position: relative;
text-align: center;
width: 200px;
background-color:#eee
}
.ulcssmenu li img {
-moz-border-radius:10px;
border:2px solid #eee;
padding:2px;
cursor: pointer;
height: 200px;
width: 200px;
}
.divcssmenu{
opacity:0;
padding-top:170px;
position:absolute;
height:30px;
width:200px;
top:0
}
.divcssmenu:hover{
opacity:1
}
.divcssmenu a.like {
background: url("images/like.png") no-repeat scroll center center transparent;
opacity: 0.5;
padding:10px 20px
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment