The phrase “animation” extends far beyond the shenanigans of Bugs Bunny and Wile E. Coyote. Animation was originally used for cartoons and video production but over time has found its way onto the web.
Old school web animation relied solely on JavaScript or VBScript. Modern CSS3 allows developers to use a mix of JS/CSS animation, or in many cases just pure CSS. Techniques for web animation have improved along with the animation effects themselves.
But with so much information available it can be difficult to consistently improve your knowledge. The following tutorials place a focus on all styles of web animation from JS to CSS and even SVG. With just a little practice these tutorials can bring your animation skillset from novice to intermediate and beyond.
Input Effects
Notification Styles
Motion Blur Effect
Jump Loader
Click Impulse
Animated Text Fills
Snap.svg Icons
Wobbly Slideshow
Checkboxes & Radios
Animated Web Banners
Motion Basics
Dialog Window
Page Preloading
Elastic Elements
Timed Notifications
Page Loading Effects
Responsive Transitions
Parallax Slider
Sliding YouTube Menu
Circular Navigation
Creative Loading Effects
Trampoline Effect
CSS Loading
Text Sequence
Multiple Page Transitions
Animated Infographic
