From the course: CSS: Enhancing Interfaces with Animation
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The 12 principles of animation - CSS Tutorial
From the course: CSS: Enhancing Interfaces with Animation
The 12 principles of animation
- [Instructor] Disney's 12 basic principles of animation were introduced by the Disney animators Ollie Johnston and Frank Thomas in their 1981 book, "The Illusion of Life: Disney Animation. While UI animations are a little different than a cartoon, many of the principles needed to create believable animations for TV are foundational for good animations on the web. To give animations a more realistic feel, keeping these principles in mind are important. First, let's look at what the principle are. Squash and stretch is the first principle. In the real world, objects change their shape as they interact with the world around them. If you picture a ball falling from a great distance, it stretches a bit during fall and squashes on impact. Without that squash and stretch, this animation would look wrong. Anticipation is the next principle and refers to small actions that lead up to a much larger action. You can picture an…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.