Book description
SVG is extremely powerful, with its reduced HTTP requests and crispness on any display. It becomes increasingly more interesting as you explore its capabilities for responsive animation and performance boons. When you animate SVG, you must be aware of normal image traits like composition, color, implementation, and optimization. But when you animate, it increases the complexity of each of these factors exponentially.
This practical book takes a deep dive into how you can to solve these problems with stability, performance, and creativity in mind.
Publisher resources
Table of contents
- Foreword
- Preface
- 1. The Anatomy of an SVG
- 2. Animating with CSS
- 3. CSS Animation and Hand-Drawn SVG Sprites
- 4. Creating a Responsive SVG Sprite
- 5. UI/UX Animations with No External Libraries
- 6. Animating Data Visualizations
- 7. A Comparison of Web Animation Technologies
- 8. Animating with GreenSock
- 9. GreenSock’s Timeline
- 10. MorphSVG and Motion Along a Path
- 11. Stagger Effects, Tweening HSL, and SplitText for Text Animation
- 12. DrawSVG and Draggable
- 13. Mo.js
- 14. React-Motion
- 15. Animating the Unanimatable: Motion with Attributes and Bare-Metal Implementations
- 16. Responsive Animation
- 17. Designing, Prototyping, and Animation in Component Libraries
- Index
Product information
- Title: SVG Animations
- Author(s):
- Release date: April 2017
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781491939703
You might also like
book
SVG Text Layout
Scalable Vector Graphics (SVG) is an image format, so text isn’t the first thing you might …
book
Practical SVG
Level up your image workflow: from software basics to creating icon systems and implementing fallbacks, Chris …
book
Beginning SVG: A Practical Introduction to SVG using Real-World Examples
Develop SVG functionality for use within websites quickly and natively, using basic tools such as HTML …
book
Using SVG with CSS3 and HTML5
Using Scalable Vector Graphics (SVG) for illustrations only scratches the surface of this format’s potential on …