Pro CSS3 animation
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...
| Autor principal: | |
|---|---|
| Formato: | Libro electrónico |
| Idioma: | Inglés |
| Publicado: |
Berkeley, Calif. : New York :
Apress ; Distributed to the book trade worldwide by Springer
c2012.
|
| Edición: | 1st ed. 2012. |
| Materias: | |
| Ver en Biblioteca Universitat Ramon Llull: | https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009629377206719 |
Tabla de Contenidos:
- 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
