CSS Animation Weekly #51 - Animating the web, Letter effects

This week we're learning how animation helps our web interfaces, experimenting with awesome letter ef
CSS Animation Weekly #51 - Animating the web, Letter effects
By CSS Animation Weekly • Issue #51
This week we’re learning how animation helps our web interfaces, experimenting with awesome letter effects, and being inspired, Canada style!
♥️
Donovan at CSSAnimation.rocks

Articles
Kirupa Chinnathambi — Animating the Web
Listen to Microsoft’s Kirupa Chinnathambi discuss how animations are made in today’s user interfaces 🎧
Letter Effects and Interaction Ideas (Part 2)
Learn how to create more fun letter hover/click effects with this article from Codrops. 
Inspiration
Canada 150 Fireworks
Lovely animated logo made for the ‘Canada, Eh!’ Creative Coding Club challenge 🇨🇦
Canada extrude
More Canada eh? 🇨🇦
CSS Dev Conf logo animation
A lovely bit of SVG animation to highlight the CSS Dev conference
Attract hover effect
A subtle effect in which the buttons cling to your mouse on hover! 
Simple fire animation
Good use of Sass generates a new set of flames each page refresh 🔥
Chrono Trigger Pendulum
A nice simple example of animation to recreate the motion of the pendulum from the game Chrono Trigger. 
Animation in the real world
#StopOverfishing
Lovely animation defines this campaign to raise awareness of the problem of declining fish stocks. Add a fish! 🐟
Did you enjoy this issue?
CSS Animation Weekly
CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.
Carefully curated by CSS Animation Weekly with Revue. If you were forwarded this newsletter and you like it, you can subscribe here. If you don't want these updates anymore, please unsubscribe here.