January 30th: Memes, Marshmallow, and Matter.js
"These two young alpacas are in love. Can you help them make a connection?" Built with Matter.js physics & custom psuedo-rigging by Shaw.
#dailycssimages went foodie this week! Check out Adam Kuhn's delicious pizza loader.
CSS Memes Debunked
A new collection by Dudley Storey — "I got tired of web design memes that haven't been true for years. Decided to start a series at CodePen as a counter."
How to Create Direction-Aware CSS-Only Hover Effects
Gabrielle Wee shares the details on how she made her popular Pen "CSS-Only Direction-Aware Cube Links" with a "combination of tildes, transforms, and transitions".
CodePen Radio #114: GitLab
CodePen Radio is back for 2017! In this episode, we talk about the differences between GitHub and GitLab, why we decided to make the change, the features we like, and how the team managed the switch.
CSS Paper Text
by Mattia Astorino folds & flattens on hover in such a satisfying way.
There's been some great 3D work lately, this experiment from Martin Schuhfuss exploring glsl and instanced geometry is a nice one!
Minimal generative plants, yes please! "plants.exe" by Alex Baldwin.
Android Marshmallow Boot Animation
Quite a complex animation for just @keyframes, but Ariful Islam pulls it off!Sponsored:
Go Pro on CodePen
Unlock the full power of CodePen with features like Asset Uploading, Live View, Presentation View, and many more.
Anastasia Lanz collects (and creates) web layouts that were directly inspired by layouts from print magazines.
Year of the Rooster
Tina Anastopoulos' Pen celebrates the Year of the Rooster in colorful, geometric style.