Pro CSS3 Animation

■ Index

n H

Horizontal drop-down navigation, 69
Horizontal navigation interfaces, 58

n I, J, K, L, M, N, O

Image card stack, 40
Css transforms, 42
offset origin, 43
transform origin, 42
Image fan reveal, 40
card fan gallery, 44
foreground, 45
hinted card fan, 44
HTML and CSS code, 46
src attribute, 45
Image gallery
adding captions, 36
HTML markup, 34
improving gallery, 35
initial CSS, 35
initiating event
active, 36
target, 37

n P, Q

Page reflow, 155
Popup image, 37
Animated image, 38
CSS
hide, 40
transition, 40
rem font size, 39

n R, S

Responsive Web Design (RWD), 117
without transitions, 118, 120

background image, 120

image in minimum and maximum, 120

resize image and video, 118

with transitions, 121

ripple, 155

n T

Transformation, CSS, 9

description, 9

DOM, 11

merging, 17

rotation transformation, 10–11

description, 10

floating an image, 11

possible unit systems, 11

scale transform, 14

skew, 16

translate modifier, 16

webkit CSS3 transform aliasing issue, 13

Transitions, CSS, 18

delaying and combining effects, 21–23

description, 21

easing functions, 22

properties, 21

transition timing functions, 23

description, 18

timing, 19

Tweening process, 75

n U, V

UI button depress transition, 66

UI button reveal transition, 67

n W, X, Y, Z

World Wide Web Consortium (W3C), 1