SuperHi - Animation for the Web
SuperHi - Animation for the Web
Duration: 11h 55m | Video: 1920x1080 30fps | Audio: AAC, 44.1 kHz, 2ch | 2.98 GB
Genre: eLearning | Language: English
Duration: 11h 55m | Video: 1920x1080 30fps | Audio: AAC, 44.1 kHz, 2ch | 2.98 GB
Genre: eLearning | Language: English
Take full control of web graphics and give your site interactions a bit of flourish with movement and animation.
In this go-at-your-own-pace course, SuperHi has designed and produced a series of projects all about hand-coding, styling, and animating SVGs to bring scalable, performance-friendly illustrations to life in the browser.
The course includes 8+ hours of video lessons that will teach you how to handcraft animations with CSS, SVG, Javascript and GreenSock.
You'll learn how to craft drawings with code in Figma and then animate their motion and styling with both CSS animations and the industry standard GreenSock Animation API (GSAP).
What you'll learn
How to craft SVGs and SVG animations by hand.
How to use CSS and GreenSock to animate shapes and paths.
Create and apply special effects such as patterns and clip paths.
How to set up timelines, sequences, and click events.
How to make our animations feel more natural with easings and delays.
How to start self-initiated projects working with illustrations and UI animation.