CSS Animation Weekly #76 - Additive Animations, After Effects to CSS

This week we learn about some new approaches to combining animation effects, and being inspired by awesome CodePen examples!

♥️

Donovan at CSSAnimation.rocks

It can be hard to apply more than one animation to an element, especially when animating the same property. Additive animation is going to help!

Using After Effects to design UI animations? Learn how to move to the world of CSS animation and create the same effects using code.

Featured

By popular demand, get this 4-hour course for just $10! Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more.

Tools

Next level animation for web presentations

Inspiration

Amazing use of ThreeJS in this 3D Superman credits effect!

Slick bit of pixel animation on this runner! 🏃‍♀️

An interesting take on the flame effect, this time using SVG 🔥

How I like my sandwich... loaded 🥪

A portrait of Clover the dog, in CSS 🐶

Animation in the real world

Lovely use of overlays to reveal the photography on scroll.