Here’s our list of top 10 Codepens of the week. We’re showcasing the coolest and best things creative people have created. If you don’t already have a Codepen account, signup for for free account or even a paid PRO account and tweet us your front-end invention.
The Creepy Following Eye
by Jesse Couch
Button Hover Animation Effects
Very clean and smooth animations.
Full Page Hamburger Menu
That circle animation coming off the menu button is just awesome.
Loading Block Animation
A cool and unique loading animation. Reminds me of old school snake. Click RERUN if the animation isn’t showing.
Social Hover Buttons
by Dan Malarkey
We’ve seen these types of buttons before, but these make a good use of the
cubic-bezier transition-timing CSS attribute.
Radio and Checkbox Buttons
Clean animations on these buttons make for a great experience.
Neat Page Loading Animation
Really like the loading animation and how the page appears to come from behind curtains. Click RERUN for the page load animation to show again.
Facebook Paper Inspired Menu
Form Placeholder Labels
by Assaf Gelber
Unique sliding inputs that are very functional.
Men In Black Gun
by Alex Safayan
Because toy guns.