Url Link Show on Hover Using CSS

Pure CSS3 Show HREF Url Link On Mouseover

a { position: relative;background-color: rgb(228, 219, 219); }

a[href^=http]:before { 
    content: attr(href);
    display: none;
    position: absolute;
    left: 0;
    bottom: 1.1em;
    background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid #c33;
    border-radius: 4px;
    padding: 4px;
}

a[href^=http]:hover:before {
    display: block;
}
DEMO
Url Link Show on Hover Using CSS Url Link Show on Hover Using CSS Reviewed by Bhaumik Patel on 7:52 AM Rating: 5