Meaningful, well-designed animation can really enhance the user experience in your websites and apps. It can tell a story, aid in navigation, and so much more.
1. Practical Web Animation
This first course is a great starting point for learning about animation. In 30 videos lasting more than four hours, you’ll learn lots of practical ways to create animations for buttons, pricing tables, and other useful web elements, using concise CSS and jQuery.
2. 6 Handy CSS3 Animation Projects
Sometimes, the best way to learn a new skill is by rolling up your sleeves and completing real-life projects. In this short course, you’ll build six small but useful projects that use CSS animations.
3. A Visual Guide to CSS Animation
4. Introduction to Anime.js
5. Easing in to Cubic Bezier Functions
What is easing? Why is it useful in the world of web animation? How can you control it and apply it in the context of CSS? In this super-quick course, you’ll learn the answers to all these questions.
6. 3D Animation With Three.js
7. GreenSock Animation Platform: First Steps
8. 3 GreenSock Projects: Practical Animation With GSAP
This course builds on the previous one and takes 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.
9. Up and Running With CSS Keyframe Animations
How would you like to learn how to create animations using the CSS keyframe and animation properties, in just ten minutes? This quick Coffee Break Course will let you do just that.
10. Enhancing Animation With jQuery UI
jQuery UI is an extension of jQuery that makes it easy to create clean user interface elements for your websites. It also provides functionality that extends jQuery’s ability to animate content. In this short course, you’ll learn how to use it to enhance your jQuery animations.
11. Introduction to Sequence.js
Sequence.js is a CSS animation framework which you can use to create sliders, presentations, and other step-based applications. It has all the necessary functionality built in; all you have to do is add your content and styling. This short course will teach you the basics of using Sequence.js and lay the foundation for further exploration of all its options and features.
Watch Any Course Now
You can take any of our courses straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to these courses, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+.
Plus you now get unlimited downloads from the huge Envato Elements library of 700,000+ creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.
Powered by WPeMatico