CodePen Challenge #1: Style Section Links with CSS

What better way to run a web design Community Project than on CodePen? In this, the first of such challenges, I want you to check out our example pen, fork it and improve it. That’s all you have to do. The best examples will be showcased in a week or so!

Update: Results!

The Challenge

A couple of weeks ago Jonathan wrote a tutorial about adding dynamic section links to a web page. The idea is that a snippet of JavaScript runs through a web page, finds all the <h1> section headings, then appends a link to each one allowing users to share that link.

We want you to make this link look awesome. Maybe you’ll switch the text out for an icon of some sort? Or make the link much smaller and give it a background? Perhaps the opacity change is a bit safe for you–give it some animated pizzazz? Do anything you want, as long as it happens within the realms of the CSS tab.