box shadow on <a>

by toubia95

HTML

<p>Texte avec <a href="#">lien</a>
</p>

CSS

a {
    color: red;
    text-decoration : none;
    box-shadow: 0px 1px 0px red, 0px 2px 0px lime;
}

a:hover {
    color: lime;
    text-decoration : none;
    box-shadow: 0px 1px 0px lime, 0px 2px 0px red;  
}
/*
a {
    color: blue;
    text-decoration : none;
    /* border-bottom : 1px solid blue;*/

/* box-shadow: 0 4px 2px -2px silver;
}
a:hover {
    color: blue;
    text-decoration : none;
    box-shadow: 0 4px 2px -2px gray;
}
*/

/*
.one-edge-shadow {
  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
*/