Advanced SVG Animation

[xidau123 13]

Advanced SVG Animation

Size: 726 MB | Duration: 2h 55m | Video: AVC (.mp4) 1280x720 24fps | Audio: AAC 48KHz 2ch

Genre: eLearning | Level: Intermediate | Language: English

 

Scalable vector graphics (SVGs) adapt smoothly to a wide variety of sizes, and are easy to manipulate with their navigable DOM. In this course, learn how to work with the powerful SVG graphic format, and create complex animations for multiple use cases across the web. Sarah Drasner begins the course by providing an introduction to SVG and outlining the SVG DOM (document object model). Next, she explains how to create SVG graphics with platonic shapes, and work with paths and groups. Sarah also discusses optimizing SVG files, working with responsive SVG animation sprites and the GreenSock animation library, animating text and relative color values, and more.

 

Topics include:

* Paths and groups

* Platonic shapes

* Optimization and CSS animations

* SVG sprites

* Atmospheric and elemental motion

* GreenSock workflow

* Staggering animations

* UI/UX animation vs. standalone

* DrawSVG and motion along a path

* Animating text and relative color values

* MorphSVG

 

Ukryta Zawartość

Treść widoczna tylko dla użytkowników forum DarkSiders. Zaloguj się lub załóż darmowe konto na forum aby uzyskać dostęp bez limitów.