Index
n A
Animation on page load
background, 54
fake background image, 55
n B
Background image transitions, 52
Bezier curves
animation, in steps, 27
common cubic-Bezier timing functions, 24
ease-in-out animation effect, 26
easing timing function, 24
linear animation graph, 23
mobile devices support, 28
push-pull animation effect, 26
timing functions, 23
n C
Cascading style sheets (CSS), 1
CSS3
animation limitations, 5
browser support, 4
HTML5, 7
vs. JavaScript and Flash, 7
CSSWG, 1
description, 1
design principles, 6
development, 1
3D Transforms, 8
vendor prefixes, 2–4
exceptions, 3
issues, 4
linear gradients, 2
unique browser prefixes, 2
W3C, 1
Clapperboard image
CSS code, 48
exit event, 51
transition sequences, 50
relocated transform, 48
CSS3 animations and transitions, 155
automatic prefixing tools
client-side, 157
meta frameworks, 158
prefix-free, 157
server-side, 159
blending and composition, 164
browser support, 4
custom filters, 162
3D Transforms
3D gallery, 145
backface-visibility, 144
card caption flip, 142
image gallary, 137
Inception-like effect, 136
JavaScript, 149
perspective, 135
rotation, 139
style, 144
translate, 140
UI elements, 151
effect on mobile devices, 125
filters, 113–115
blur filter transition, 115
Grayscale filter transition, 113
polaroid photo effect, 114
sepia filter transition, 113
fragment shaders, 162
GUI, 159–161
adobe edge animation, 160
sencha animation, 159
Tumult Hype, 161
HTML5, 7