-
Notifications
You must be signed in to change notification settings - Fork 14
/
index.html
executable file
·84 lines (76 loc) · 4.36 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Animations (Chapter 19)</title>
<link type="text/css" href="../styles/indices.css" rel="stylesheet">
<style type="text/css">
body {--chno: "19";}
</style>
</head>
<body>
<header>
<h1>Animation</h1>
<h2>Chapter 19</h2>
</header>
<main>
<h3>Figures & Code Examples</h3>
<ol>
<li class="xmp"><a href="name.html">Weird animation names work</a></li>
<li class="xmp"><a href="badnames.html">Keywords as animation names are a bad idea</a></li>
<li class="xmp"><a href="02_W.html">The W animation</a></li>
<li class="xmp"><a href="no0or100.html">No 0% or 100% keyframes</a></li>
<li class="xmp"><a href="nomidpoint.html">Without a midpoint, auto doesn’t animate well</a></li>
<li class="xmp"><a href="round2.html">Setting/omitting initial values and 0%</a></li>
<li class="xmp"><a href="appendRule.html">Animation API</a></li>
<li class="xmp"><a href="badnames.html">Unfortunate animation names</a></li>
<li class="xmp"><a href="nameaddedlater.html">Keywords as animation names are a bad idea</a> (redux)</li>
<li class="xmp"><a href="no0or100.html">No 0% or 100% keyframes</a> (redux)</li>
<li class="xmp"><a href="duration_broken_value.html">animation-duration with invalid value</a></li>
<li class="xmp"><a href="odditeration.html">Using fractional duration values</a></li>
<li class="xmp"><a href="ball6.html">Basic bouncing ball</a></li>
<li class="xmp"><a href="fortypercent.html">Partial animation</a></li>
<li class="xmp"><a href="ball_animation_delay_negative.html">Bouncing ball animation with negative animation delay</a></li>
<li class="xmp"><a href="events.html">Animation events</a></li>
<li class="xmp"><a href="events2.html">Animation events, again</a></li>
<li class="xmp"><a href="animationchain.html">Animation chaining</a></li>
<li class="xmp"><a href="animationchain2a.html">Animation following and animation</a></li>
<li class="xmp"><a href="animationchain2.html">Animation chaining with Javascript</a></li>
<li class="xmp"><a href="animation-iteration-delay1.html">Animation iteration delay with Javascript</a></li>
<li class="xmp"><a href="animation-iteration-delay.html">Animation iteration delay</a></li>
<li class="xmp"><a href="animation-iteration-delay2.html">Animation iteration delay</a></li>
<li class="xmp"><a href="animation-iteration-delay3.html">Animation iteration delay</a></li>
<li class="xmp"><a href="animation-iteration-delay4.html">Animation iteration delay</a></li>
<li class="xmp"><a href="animation-iteration-delay.html">Animation iteration delay</a> (redux)</li>
<li class="fig">Cubic Bézier named functions</li>
<li class="fig">An outlandish Bézier curve</li>
<li class="fig">Effect of outlandish Bézier curve</li>
<li class="xmp"><a href="cubicbezierprint.html">Representation of a cubic Bézier curve</a></li>
<li class="xmp"><a href="ball1.html">Better bouncing ball animation</a></li>
<li class="fig">Sprite of dancing</li>
<li class="xmp"><a href="sprite.html">Steps timing function, Gangam style</a></li>
<li class="fig">Visualizing start and end change points</li>
<li class="xmp"><a href="sprite2.html">Steps timing function with translate transforms</a></li>
<li class="fig">Changing the animation timing function mid-animation</li>
<li class="xmp"><a href="cubicbezierprint2.html">Representation of another cubic Bézier curve</a></li>
<li class="xmp"><a href="ball3.html">Bodacious bouncing ball animation</a></li>
<li class="xmp"><a href="ball4.html">Interactive bouncing ball animation</a></li>
<li class="xmp"><a href="halfiterationforwards.html">Partial iteration with fill-mode</a></li>
<li class="xmp"><a href="moveme.html">Partial iteration with fill-mode, again</a></li>
<li class="xmp"><a href="snowflake.html">A snowflake</a></li>
<li class="xmp"><a href="animationorder.html">Running animations take precedence</a></li>
<li class="xmp"><a href="animationorder2.html">Last declared anaimation takes precedence</a></li>
<li class="xmp"><a href="snowflake2.html">A snowflake with animation starts and stops</a></li>
</ol>
</main>
<nav>
<a href="../18-transitions/index.html">Chapter 18: Transitions</a>
<a href="../index.html"><acronym title="Table of Contents">TOC</acronym></a>
<a href="../20-filters-blending-clipping-masking/index.html">Chapter 20: Filters, Blending, Clipping, and Masking</a>
</nav>
<footer>
<cite>Animation</cite>
<cite><a>CSS: The Definitive Guide, 5th Edition</a></cite>
</footer>
</body>
</html>