Learning CSS3 Animations and Transitions a Hands-on Guide to Animating in CSS3 with Transforms, Transitions, Keyframes, and JavaScript
Get Started Fast with Professional-Quality CSS3 Animation! For web designers and developers building rich web and mobile applications, standards-based CSS3 is the future! Learning CSS3 Animations and Transitions is the only tutorial focused entirely on creating quality animations and transitions wit...
Main Author: | |
---|---|
Format: | eBook |
Language: | English |
Published: |
[Place of publication not identified]
Addison-Wesley Professional
2012
|
Subjects: | |
Online Access: | |
Collection: | O'Reilly - Collection details see MPG.ReNa |
Table of Contents:
- 5. Creating 3D Effects with Parallax Scrolling
- Introduction to Parallax Scrolling
- A Three-Layer Parallax Scrolling Animation
- Animating Several Scenes with Parallax Scrolling
- The Animation's Layout and Basic Styles
- Scene 1: Creating a Skateboarding Robot
- Scene 2: Moving Between Landscapes
- Scene 3: Making the Robot Walk
- Summary
- Challenge
- 6. Adding Depth with 3D Transforms
- Introduction to 3D Transforms
- Drawing a 3D Cube
- Creating a House of Cards
- Summary
- Challenge
- 7. Animating 2D and 3D Transforms
- Basic 3D Transform Animations with Transitions
- Intro
- Title Page
- Copyright Page
- Dedication Page
- Contents at a Glance
- Table of Contents
- Preface
- Who This Book Is For
- Who This Book Isn't For
- How This Book Is Organized
- Chapter 1, "Working with CSS3 Animations"
- Chapter 2, "Building a Foundation with Transforms"
- Chapter 3, "Animating Elements with Transitions"
- Chapter 4, "Keyframe Animations"
- Chapter 5, "Creating 3D Effects with Parallax Scrolling"
- Chapter 6, "Adding Depth with 3D Transforms"
- Chapter 7, "Animating 2D and 3D Transforms"
- Optimizing Performance
- Blowing in the Wind: Animating Dandelion Seeds
- Summary
- Challenge
- 8. Using Transitions and Transforms to Animate Text
- Introduction to the Typewriter Example
- The Animation's Layout and Basic Styles
- Scene 1: Making the Quote Rise Up the Screen
- Scene 2: Making Text Fall
- Scene 3: Scrolling Text
- Scene 4: Growing Text
- Scene 5: Continuing the Animation
- Summary
- Challenge
- 9. Building Flash-Style Animations with Keyframe Animations
- Introduction to the Meow Street Fat Cat Animation
- The Animation's Layout and Basic Styles
- Chapter 8, "Using Transitions and Transforms to Animate Text"
- Chapter 9, "Building Flash-Style Animations with Keyframe Animations"
- Chapter 10, "Creating Animated Infographics"
- Chapter 11, "Building Interactive Infographics"
- About the Sample Code
- Acknowledgments
- About the Author
- 1. Working with CSS3 Animations
- Intro to CSS3 Animations
- Summary of CSS3 Animation Tools
- The Modernizr Library
- Hardware Acceleration
- A Final Word on Working with CSS3 Animations
- 2. Building a Foundation with Transforms
- Introducing Transforms
- Transform Functions
- Building a Bicycle in CSS3
- Summary
- Challenge
- 3. Animating Elements with Transitions
- Introduction to Transitions
- Triggering a Transition Animation with Hover Events
- Triggering a Transition Animation with Click Events
- Transition Properties
- Spinning the Bike Wheels
- Animating the Bike to Move Across the Screen
- Summary
- Challenge
- 4. Keyframe Animations
- Introduction to Keyframe Animations
- Controlling a Keyframe Animation with Properties
- Animating a Recoiling Spring
- Animating a Floating Balloon
- Summary
- Challenge