- CSS Animation Weekly
- Posts
- CSS Animation Weekly #39 - Transitions in space, scroll-triggered animations and more
CSS Animation Weekly #39 - Transitions in space, scroll-triggered animations and more
Loads of great reading this week, including learning how to make great use of transitions in hover events, how to properly manage scroll-triggered animations and exploring the world of animation techniques.
♥️
Donovan at CSSAnimation.rocks
Articles
This tutorial shows you how to plan and build an awesome looking hover transition, activated with just one line of CSS.
Moving things around when people don't expect is not always a good idea. In this article from the UX experts NNGroup, Aurora Harley explores how we can combine animation and scrolling responsibly.
A useful overview of the various ways animations can be functional and delightful, with examples.
Featured
In this video course you'll learn how to bring a website to life, step by step. The course is currently under development but already has 80 minutes of tutorial video to watch.
As a thank you for being a CSS Animation Weekly reader, you get to enroll today and you'll save 10% on the pre-launch special price. (Use discount code weekly01)
Inspiration
This is just mind-blowingly cool. A pure CSS-based Adventure time game! Beat three levels and save princess from bad Flame Lord.
The particle effects on this canvas demo have an amazingly lifelike quality
Click the Twitter bird to see a handy circular background colour reveal.
Spaceships! Pew pew pew
Stacking cups demo made entirely with CSS (and some clever Sass).
Before you go... Don't forget that as a CSS Animation Weekly newsletter reader you can get 10% off my new course. (Use discount code weekly01)