Home > How To's/Reviews > CSS Click Effect For Links

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! 馃檪

 LEGAL

My posts are not to serve as a replacement for recommendations provided by licensed physicians nor do they represent the opinions of Baylor College of Medicine or its affiliated institutions. Please read this site's Disclaimer and Terms of Use for more information.

ALSO CHECK OUT  

WordPress PHP Shortcodes For Yearly Post And Comment Counts

I wanted an easy way to calculate some end-of-year stats, so I put together a …

 DROP A LINE

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