Adding serialization examples

css-easing-2/Overview.bs

@@ -334,6 +334,17 @@ It returns a [=linear easing function=] or <i>failure</i>.
 
 ### Serializing ### {#linear-easing-function-serializing}
 
+<div class=note>
+  The serialization of ''linear()'' includes input values for each point,
+  and input values are never less than the input of the previous point.
+
+  For example:
+
+    - `linear(0, 0.25, 1)` serializes as `linear(0 0%, 0.25 50%, 1 100%)`
+    - `linear(0 20%, 0.5 10%, 1)` serializes as `linear(0 20%, 0.5 20%, 1 100%)`
+    - `linear(0, 0.25 25% 75%, 1)` serializes as `linear(0 0%, 0.25 25%, 0.25 75%, 1 100%)`
+</div>
+
 <section algorithm="linear easing function">
 
 To get a [=linear easing function=]'s (|linearEasingFunction|) <dfn for="linear easing function" export>serialized computed value</dfn>,
@@ -698,8 +709,6 @@ and [=before flag=] as follows:
 
 <h3 id=serialization oldids=serializing-a-timing-function>Serialization</h3>
 
-Note: TODO - briefly explain the impact of this.
-
 Easing functions are serialized using the common serialization patterns
 defined in [[CSSOM]] with the following additional requirements: