In the early days of the web, animation became known for all those clunky, complex effects that may have looked great but were slow to load and often confusing to use.
But when it’s used in the right way, animation can be a fantastic tool for web designers to have in their kit. Small amounts of subtle, eye-catching motion are a great way to help users interpret interfaces and find their way around your site or app.
If not, don’t worry—here are nine courses that will teach you everything you need to know.
In this course, Envato Tuts+ instructor Craig Campbell will show you practical ways to create animations for buttons, pricing tables, and other web elements, using concise CSS and jQuery to do so.
This course is an ideal follow-up to the one listed above. In this course, you will go beyond the basics of GreenSock animation as Envato Tuts+ instructor Craig Campbell takes you on a tour of the plugins that ship with GSAP.
In the third GSAP course, Craig Campbell will walk you through three projects where you will learn how to create programmatic animations, in real-world scenarios, using the GreenSock Animation Platform. You’ll learn how to create an animated preloader, an SVG logo animation, and a custom content slider.
One way to breath a bit more life and a bit more personality into animation on the web is to experiment with different settings of easing. In this quick, ten-minute Coffee Break Course with Guy Routledge, you’ll learn what easing is, why it’s useful, how to control it, and how to apply it in the context of CSS.
In this Coffee Break Course, Craig Campbell will show you everything you need to know to quickly get started creating animations using the CSS transition properties. In just ten minutes, you’ll learn how to create motion using nothing more than a few CSS properties.
This Coffee Break Course teaches you how to create animations using the CSS keyframe and animation properties. In just ten minutes, you’ll learn how to create animations in the browser without having to rely on external plugins or extensive programming.
In this course you’ll learn how to use ten essential CSS libraries for web designers, available today. You’ll learn about resets, animations, transitions, and typography related libraries. You’ll learn with Adi Purdila, and you’ll use Bower to manage your projects, making sure that everything stays up to date and is easily maintainable.
Start Learning With a Free Trial
You can take all of these and more web design courses with a free 10-day trial of our monthly subscription. So get started today, and gain a mastery of CSS animation that will impress your clients and make your website designs stand out.