Index

Symbols

/ (forward slashes), 166

@font-face at-rule, 160

@keyframes at-rule, adding, 64

NUMERICS

2D

elements, 120

transforms

animating, 135

Modernizr-added class selectors, 205

3D

effects, parallax scrolling, 89

creating skateboarding robots, 100-106

layout styles, 97-100

moving between landscapes, 106-107

overview of, 89

scenes, animating, 96-97

three-level animations, 89-96

walking robots, 108-111

nested elements, rendering, 118-119

scenes, selectors, 203-204

transforms

adding depth, 113

animating, 135

browser support, 116

creating a house of cards, 126-133

defining on axes, 115-116

drawing cubes, 116-125

optimizing performance, 140-141

overview of, 113-116

transitions, 135-140

90-degree rotations, 121

A

acceleration, hardware, 11-13 ...

Get Learning CSS3 Animations and Transitions: A Hands-on Guide to Animating in CSS3 with Transforms, Transitions, Keyframes, and JavaScript now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial