CSS animations and transitions for the modern Web
By: Steven Bradley
Publisher: Peachpit Press
Published: 2015
Language: eng
Number of pages: 304
ISBN-13: 9780133980509
Subjects: HTML (Document markup language); Web sites; Web site development; Design; Cascading style sheets
Description: Using stunning visuals and design, this book teaches web designers how to dynamically change design elements on a web page over time. It starts by showing a variety of ways you can transform elements and then teaches two different methods for setting the change in motion in action.
Notes: Includes index.
Table of contents: title: Introduction. Design layers ; Why transitions and CSS animation? ; Browser support/polyfills ; Ready to get started?; title: Transforms. Browser support and vendor prefixes ; 2-dimensional tranforms ; 3-dimensional transforms ; Summary; title: Transitions. Browser support ; TRansitions ; Starting and reversing transitions ; Transition events ; Animatable properties ; Summary; title: Animations. Browser support ; CSS animations ; The @Keyframes rule ; Animation events ; Transition or animation ; Summary; title: More realistic animation. Disney's 12 principles of animation ; Squash and stretch ; Anticipation ; Staging ; Straight-ahead action and pose-to-pose action ; Follow-through and overlapping action ; Slow in and slow out (Ease in and out) ; Arcs ; Secondary action ; Timing ; Exaggeration ; Solid drawing ; Appeal ; Beyond the 12 principles ; Closing thoughts; title: Examples. How to use the examples ; Navigation bar ; Modal windows ; Off-canvas sidebar navigation ; Content switcher ; Summary; title: Closing thoughts. Progressive enhancement ; Trends ; Next steps.