CSS Click Effect For Links

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.



.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! 🙂

You might also like

Leave A Reply

Your email address will not be published.