Conventions Used in This Book

The following typographical conventions are used in this book:

Italic

Indicates new terms, URLs, email addresses, filenames, and file extensions.

Constant width

Used for program listings, as well as within paragraphs to refer to program elements such as variable or function names, databases, data types, environment variables, statements, and keywords.

Constant width bold

Shows commands or other text that should be typed literally by the user.

Constant width italic

Shows text that should be replaced with user-supplied values or by values determined by context.

Using Code Examples

Whenever you come across an icon that looks like , it means there is an associated code example. Live examples are available at http://standardista.com/css3/transitions and http://standardista.com/css3/animations. You can either click on the icon while reading this book in electronic format to go directly to a live version of the code example referenced, or visit those links for a list of all of the code examples found in the Transitions and Animations chapters.

This book is here to help you get your job done. In general, if example code is offered with this book, you may use it in your programs and documentation. You do not need to contact us for permission unless you’re reproducing a significant portion of the code. For example, writing a program that uses several chunks of code from this book does not require permission. Selling or distributing a CD-ROM of examples from O’Reilly books does require permission. Answering a question by citing this book and quoting example code does not require permission. Incorporating a significant amount of example code from this book into your product’s documentation does require permission.

We appreciate, but do not require, attribution. An attribution usually includes the title, author, publisher, and ISBN. For example: “Transitions and Animations in CSS by Estelle Weyl (O’Reilly). Copyright 2016 Estelle Weyl, 978-1-4919-2988-9.”

If you feel your use of code examples falls outside fair use or the permission given above, feel free to contact us at permissions@oreilly.com.

Safari® Books Online

Technology professionals, software developers, web designers, and business and creative professionals use Safari Books Online as their primary resource for research, problem solving, learning, and certification training.

Safari Books Online offers a range of plans and pricing for enterprise, government, education, and individuals.

Members have access to thousands of books, training videos, and prepublication manuscripts in one fully searchable database from publishers like O’Reilly Media, Prentice Hall Professional, Addison-Wesley Professional, Microsoft Press, Sams, Que, Peachpit Press, Focal Press, Cisco Press, John Wiley & Sons, Syngress, Morgan Kaufmann, IBM Redbooks, Packt, Adobe Press, FT Press, Apress, Manning, New Riders, McGraw-Hill, Jones & Bartlett, Course Technology, and hundreds more. For more information about Safari Books Online, please visit us online.

Acknowledgments

Thank you to the technical reviewers:

Matt Rakow is a program manager at Microsoft, working on the Internet Explorer and Edge browsers since 2010 and the W3C CSS Working Group since 2013. His current focus is advancing the capability and performance of webpage composition and rendering, but also is devoted to improving scrolling performance, touch interactions, and high pixel density screen support.

David Baron is a distinguished engineer at Mozilla. He’s been involved in the CSS community and the development of the Gecko layout engine since 1998. At Mozilla, Baron implemented media queries, CSS transitions and animations, and the CSS calc() function, and designed and implemented the reftest test format and fixes for :visited privacy. As a participant at the W3C, he has edited the CSS Color Module, CSS Conditional Rules, CSS Transitions, CSS Animations, and the CSS Overflow Module. He can be found on Twitter at @davidbaron, and on the Web.

Sarah Drasner is an award-winning Senior UX Engineer at Trulia (Zillow Group). She is also a staff writer at CSS-Tricks. She has worked for 15 years as a web developer and designer, and at points worked concurrently as a scientific illustrator and a college professor. Sarah loves SVG, informative animation, and welding together pieces of the DOM. Follow her at @sarah_edo, on CodePen, or her website.