Latest experiments

I love playing with ideas and making things. A lot of my experimentation is done on the fabulous CodePen.io, a source of much inspiration and a great community for front-end craftsmen.

Here's a selection of some of my favourite and most recent pens.

3D fold out reveal – Click on a card to bring that to the fore, exposing more details through a 3D fold out.

See the Pen 3D Fold out reveal by Andrew Canham (@candroo) on CodePen.

Wrinkle links – a simple hover effect for a list of links

See the Pen Wrinkle links by Andrew Canham (@candroo) on CodePen.

Movie card/hover effect – a hover effect for a content card

See the Pen Movie card / hover effect by Andrew Canham (@candroo) on CodePen.

Lock/Unloack navigation – an idea around disabling the navigation until a user has explicitly clicked on/agreed to something

See the Pen Lock/Unlock Navigation by Andrew Canham (@candroo) on CodePen.

3D List expansion – CSS animation

See the Pen 3D List expansion by Andrew Canham (@candroo) on CodePen.

More on CodePen >