CSS Click Effect For Links

0

Here’s a CSS-based click effect for hyperlinks which I incorporate on most of my sites right off the bat. Click the link below and notice how it shifts to simulate a click effect… brought to you by a single line of CSS.

DEMO: CLICK ME

CODE:

.content a:active,footer a:active,aside a:active{position:relative;top:1px;left:1px;}

In the above example, I flagged three panes (content, aside, and footer) to utilize the effect. This code will vary based on your site layout, but nevertheless, it’s super easy! 🙂

 LEAVE A REPLY

Please enter your comment!
Please enter your name here