This week we're exploring animated landing pages, a load of cool practical guides and more!

❤️ Donovan at CSSAnimation.rocks

Articles

A Handy Little System for Animated Entrances in CSS — css-tricks.com

A useful approach and set of classes you can use to build your own landing page animation

Free Practical Guide to Web Animation — tilda.education

So much to explore on these animated guides! Definitely one to bookmark

Slideshow with Filter Reveal Effect — tympanus.net

A simple effect that applies a filter when switching between images on a carousel. Cool effect!

Inspiration

Login Form with floating placeholder and light button

Lots of movement brings this login form to life

Image slider with multiple controls and mobile swipe control (Javascript)

Useful carousel with staggered animations

Aliens text animation

Bit of text rotation that reveals the letters from movie Aliens

Magic Card

Gorgeous gradient animations on this magical card

Animation in the real world

Paper Play — moooi.com

Scroll to explore some beautiful visual themes and animations