Pro CSS3 Animation [electronic resource] /
Storey, Dudley.author.
Pro CSS3 Animation will teach you how to use fresh new CSS3 syntax to fully utilize this exciting tool for web design. Using cutting-edge industry standards and drawing on best practices for animation, you will learn how to apply CSS3 animation to transform and bring your page content to life. CSS3 is the way forward for web page interactivity and animation, offering new and exciting options for design. Integrated with HTML5, SVG and mobile design methodologies, you can bring sites into the third dimension to change the perception and appreciation generated in your audience. This book will teach you how to: Enhance your web pages, and your visitor’s experience of your site, with animation Animate images and other page content to create banners, interactive galleries and slideshows  Provide fallback and support options for older browsers Chain CSS3 syntax with @media queries, filters and 3D transformations to create responsive animations with depth Provide animation to mobile devices without Flash or JavaScript.
Title Page; Copyright Page; Contents at a Glance; Table of Contents; About the Author; Introduction; CHAPTER 1 CSS3 Fundamentals; Development of CSS; CSS Vendor Prefixes; CSS3 Browser Support; Limitations of CSS3 Animation; Design Principles: Progressive Enhancement and Graceful Degradation; Why CSS3 Rather Than JavaScript or Flash?; Other Technologies; Summary; CHAPTER 2 CSS3 Transforms and Transitions; CSS Transforms; Flipping Images with scaleX; CSS Transitions; Delaying and Combining Transition Effects; Animating in Steps; Adding Support for Mobile Devices in CSS3 Transitions; Summary
CHAPTER 3 CSS3 Transitions for ImagesSimple Image CrossFade Effect; A Simple Image Gallery Enhanced with CSS3; Simple Popup Image Captions; Image Card Stack and Fan Reveal; Clapperboard Image Captions with Different Entryand Exit Effects; Background Image Transitions and Animation on Page Load; Summary; CHAPTER 4 CSS3 Transitions for UI Elements; Modern Site Navigation Markup; Horizontal Navigation Bar Basics; A Simple Navigation Bar Enhanced with CSS3; Highlighting the Current Page in Navigation; Horizontal Tab Navigation with CSS3 Transitions
Animating Custom Validation Errors for HTML5 FormsUI Button Depress Transition; UI Button Reveal Transition; Accessible Horizontal Drop-down Navigation with CSS3 Transitions; Initiating CSS3 Transition Effects After a Button Click; Animating Form Elements with CSS3; Summary; CHAPTER 5 CSS3 Keyframe Animations; Keyframes and Tweening; CSS3 Keyframe Animation Syntax; Support for Keyframe Animation in Older Browsers; Controlling Keyframe Animation Playback; Blending and Chaining Keyframe Animations; Repeating Animation Sequences; Pausing Keyframe Animations; Summary
CHAPTER 6 CSS3 Keyframe Animations for Web ContentA Simple CSS3 Slideshow; Pausing the Slideshow; Altering the Transition Between Images; A Caution Against Using Marquee Animation for Text; News Ticker/Notification Animation; A Lightbox Image Gallery Equivalent in CSS3; Logo Animation on Page Load; Summary; CHAPTER 7 Integrating CSS3 Animations with SVG and Filters; An Introduction to SVG; Placing SVG on a Web Page; Manipulating SVG with CSS; Tools for SVG; Black and White/Grayscale Filter Transition; Sepia Filter Transition; Developing Polaroid Photo Effect; Blur Filter Transition; Summary
CHAPTER 8 Integrating CSS3 Animation with Responsive Web Design and JavaScriptResizing Elements in Responsive Web Design Without Transitions; Resizing Elements in Responsive Web Design with Transitions; Indicating Viewport Size with CSS3 Media Queries and Transitions; Optimizing CSS Transitions and Animations for Mobile Devices; Integrating CSS3 Media Queries with SVG; Triggering CSS3 Transitions with JavaScript; Customizing CSS3 Transitions with JavaScript; Summary; CHAPTER 9 CSS3 3D Transforms, Transitions, and Animations; Perspective; Rotation; Translate; Card Caption Flip
Backface Visibility
Includes index.
Pro CSS3 Animation will teach you how to use fresh new CSS3 syntax to fully utilize this exciting tool for web design. Using cutting-edge industry standards and drawing on best practices for animation, you will learn how to apply CSS3 animation to transform and bring your page content to life. CSS3 is the way forward for web page interactivity and animation, offering new and exciting options for design. Integrated with HTML5, SVG and mobile design methodologies, you can bring sites into the third dimension to change the perception and appreciation generated in your audience. This book will teach you how to: Enhance your web pages, and your visitor’s experience of your site, with animation Animate images and other page content to create banners, interactive galleries and slideshows  Provide fallback and support options for older browsers Chain CSS3 syntax with @media queries, filters and 3D transformations to create responsive animations with depth Provide animation to mobile devices without Flash or JavaScript.
Computer programming.
Software engineering.
Web Development.
Software Engineering/Programming and Operating Systems.