Enlaces tipo boton pulsar

Este truco CSS se a visto en el blog de Cèsar y en Hacktime , en verdad hay 2 formas de hacer esto :

1. Cambiando el tipo de link

O

2. Creando un nueva clase CSS

La primera , hara que en cualquier enlace (menos en videos , flash , etc.) se caiga como este ejemplo:



Efecto en todos los links de texto e imagen

a:hover {
color:#000000;
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}

La segunda forma lo hace en links individuales , aplicando la etiqueta de acontinuaciòn y creando una nueva clase CSS:



Nueva Clase:

.pulsar a:hover {position: relative; top: 1px; left: 1px;}

<span class="pulsar"><a href="#">Cualquier enlace textual o imagen</a></span>