Эффект для ссылки

by Axelvaisper

HTML

полностью согласен, тормозить будет код написанный разработчиками приложения, а не фреймворк. но на всякий <a href="#">http://fatfree.sourceforge.net/</a>арааоеаоалалананеаенанеаноеа<br>алнаплгнагналгналгалналанлаленалалналнанл

CSS

a:active {
position: relative;
top: 3pt;
box-shadow: 2pt 2pt 7pt grey;
-webkit-box-shadow: 2pt 2pt 7pt grey;
-moz-box-shadow: 2pt 2pt 7pt grey;
-khtml-box-shadow: 2pt 2pt 7pt grey;
outline: 0 none;
}
 a:hover, a:focus {
text-decoration: none;
box-shadow: 5px 5px 7px grey;
-webkit-box-shadow: 5px 5px 7px grey;
-moz-box-shadow: 5px 5px 7px grey;
-khtml-box-shadow: 5px 5px 7px grey;
outline: 0 none;
}

a:hover, a:focus {
color: #fff;
background: #176093  ;
}


a:focus {
outline: 5px auto -webkit-focus-ring-color;
}

a:link {
padding: 0 5pt;
margin: 0 -3px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
}
a:link {
padding: 0 5pt;
margin: 0 -3px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
}
a {
color: #176093;
}