Podemos aplicar este efecto a cualquier imagen, queda muy bien especialmente con las imágenes tipo botón que funcionan como link o con iconos, yo lo apliqué al menu horizontal y a algunos elementos en el sidebar.
Para obtener dicho efecto debemos añadir este código en el CSS de nuestra plantilla:
.pushbutton a:hover {position: relative; top: 1px; left: 1px;}
Las imagenes con link tienen esta forma
<a href="http://URL A DONDE DIRIGE.com/"><img src="url del botón ó imagen"></a>;
Para darle el efecto de pulsado, tenemos agregar al publicarlo:
<span class="pushbutton"><a href="http://URL A DONDE DIRIGE.com/"><img src="url del botón"></a></span>
Fuente Rosa
