Categorias

Efeito DropDown com CSS

veremos uma forma bem pratica de dropdown em css.

// css
a.tooltip
{
border-bottom: 1px dashed #ff5e2f;
text-decoration: none;
position: relative;
color: #ff5e2f;
z-index: 24
}
a.tooltip:hover
{
border-bottom: 1px dashed #7a7a7a;
text-decoration: none;
color: #7a7a7a;
z-index: 25
}
a.tooltip span
{
display: none
}
a.tooltip:hover span
{
border: 1px solid #f0d070;
background-color: #ffffe4;
position: absolute;
color: #d0a010;
display: block;
padding: 3px;
width: 245px;
top:2em;
left:0em;
}

este é o texto que abre o tooltipeste é o texto mostrado sobre a link //link que chama a jenela…



este é o texto que abre o tooltipeste é o texto mostrado sobre a link