cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen

CodePen is a social development environment for front-end designers and developers. 👋

It’s the best place to build and deploy a website, show off your work, build test cases, and find inspiration.

Sign Up Learn More

This is CodePen Projects!

Projects screenshot

Picked Pens

View More Pens

Picked Projects

View More Projects

These are the slides for my talk @ CodePen Day in Hamburg. Arrow left/ right to move from one slide to the next. Enter should also work for advancing to the next slide. Arrow down/ up to move in between slide sections. PgUp/ PgDn to skip a couple of slides in either direction.

I'm a big talker and thought, "hey, I want to create UI with my mouth." This is a very early proof of concept. It's primitive!

Picked Posts

View More Posts

Picked Collections

View More Collections

44 Pens

The Ultimate Owl Collection

The awesome owls of CodePen

6 Pens

Animated Optical Illusions CSS3

Amazing browser-based animated optical illusions made with CSS3.

Based on:

Animated Optical Illusion by Brusspuphttps://www.youtube.com/watch?v=zdW7PvGZ0uM...

12 Pens

Covers

A series of animated vintage book graphics based on the work of Henning M. Lederer