I try to see as much cool pens as possible. This way I discover new techniques and find tips & tricks on how to animate some cool stuff in the browser. I thought it would be nice to sum up some things I came across today.
A really clever way to animate an SVG with CSS only.
This one is based on a dribble shot. Especially the mask animation is very cool.
This would be a slick way for an age verification screen. And it’s totally liquid! Greensock’s Draggable plugin is perfect for sliders like this.
Clean but effective ajax loader using CSS only.
Great drawing of a dog using simple css shapes only! This one makes me want to have a puppy! :)
Again a great example on why GSAP and SVG animation rocks!
CSS only dot animation. Makes me thing of Escher a bit.
Really cool implementation for a 404 screen.
See the Pen 404 svg animated page concept for e-store @ Zajno (Illustrated by Lina) by Vladimir Gashenko (@gxash) on CodePen.
This one blows my mind! Benneth did a great job on the reflection!
Click the pen to change the color. Really cool when you create a site for kids.
That’s it for now! I hope you like the list. Did I miss some awesome stuff? Let me know in the comments or hit me up on twitter so I can publish it in the next batch! :)