Animating CSS and making it last.
Alex caught our attention this week with a challenge to recreate this GIF image using just HTML and CSS, where a green square morphs to a blue triangle and then to a red circle. It’s quite the challenge, which has me tempted to use Marka for beautiful icon transformations.
We’re also seeing that CSS can be used to achieve a beautiful front cover of The Hobbit bending open and closed, with access to the CodePen code to see how it’s done.
Much of the above is achieved using strange tricks and techniques. If instead you want your CSS code to endure without needing to be updated, here’s how you can write long-lasting style sheets for rapidly changing, long-lived projects.
Microsoft have also announced an algorithm for first-person Hyperlapse videos that takes the footage and stabilises it to the point where even when played back at ten times the speed, it’s a smooth presentation that’s easy and enjoyable to view. It’ll be great to see what people come up with.
That’s it from us this week, thanks for joining us.