February 13th: Valentine Loves, Luna Missions, and a Long Cat
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.
Cory Hughart created this calming animated star scene with delaunay triangulation.
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.
CodePen hearts are in the air and in Chris Coyier's Valentine's collection.