Sci/Tech

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.

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

Tags

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button
Close