Atom Button

Paraskevas Ntinakis created a clever and cool button hover effect.

Lovely Luna Diagram

We would fly to the moon and back for Varun Vachhar's animated luna 9 flight diagram, complete with a spacey backing track.

Can You Paint Digital Music?

Yes, you can, thanks to Lutz Rosema's Music Paint pen.

One Element Wonder

Ana Tudor refurbished one of her old pens to create a rainbow spinner with 1 element and SCSS.

Magical Line Navigation

Michał Niewitała created this smooth magical line navigation effect with CoffeeScript and Sass.

Sponsored:

Go Pro on CodePen

Unlock the full power of CodePen with features like Asset Uploading, Live View, Presentation View, and many more.

Star Drift

Cory Hughart created this calming animated star scene with delaunay triangulation.

Scroll Header

Blake Bowen created a header that collapses and changes color when you scroll down the page.

Long Cat is Long

The CodePen team got a real kick outta Jon Kantner's long cat that just gets longer as you scroll.

Perfectly Toasted CSS

The CodePen community continues to impress with their CSS illustrations. This week we loved Tina Anastopoulos' animated toaster.

CSS Transitions and Animations Tutorial

Jorge C. S. Cardoso wrote a tutorial on how to create an animated burger menu and sidebar with CSS transitions and animations.

Happy Valentines

CodePen hearts are in the air and in Chris Coyier's Valentine's collection.