Our good friend Tim Holman was at CSSconf EU 2015. He told us about a number of wonderful talks by speakers who happened to use CodePen as part of talk.

One such talk was Tammie Lister's Emotion Through CSS. Here it is!

Flatteringly, Tammie calls out a couple of the interaction animations on the CodePen website itself. She also gives a shout out to the epic Kitty Toggle Pen by Natalya.

Tammie posted some examples she created for the talk here on CodePen. These three Pens each have totally different emotions to them:

See the Pen Emotional button: one by Tammie Lister (@karmatosed) on CodePen.

See the Pen Emotional button : two by Tammie Lister (@karmatosed) on CodePen.

See the Pen Emotional button: three by Tammie Lister (@karmatosed) on CodePen.