[css-transitions-2] Rework transition-timing-function section

Author: birtles

css-transitions-2/Overview.bs

@@ -36,6 +36,7 @@ urlPrefix: https://w3c.github.io/web-animations/; type: dfn; spec: web-animation
     text: active duration
     text: active time
     text: animation
+    text: animation effect
     text: animation class
     text: animation playback rate
     text: current iteration
@@ -63,6 +64,20 @@ spec:css-transitions-1; type:value; text:all
 	Once the Level 1 specification is closer to complete, it will be merged
 	with the additions here into a complete level 2 specification.</p>
 
+# Transitions # {#transitions}
+
+## The 'transition-timing-function' Property ## {#transition-timing-function-property}
+
+The 'transition-timing-function' property specifies the [=timing function=]
+associated with a transition's [=animation effect=]
+(see [[web-animations-1#time-transformations]]).
+
+Note: Unlike CSS animations, the timing function for CSS transitions applies to
+the animation effect as opposed to the individual keyframes since this allows
+it to be reflected in the <a>transformed progress</a> as used when calculating
+the reversing shortening factor.
+
+
 # Starting of transitions # {#starting}
 
 Associated with each top-level browsing context is a <dfn>current transition
@@ -80,17 +95,6 @@ sub-property that is animatable. The <dfn>expanded transition property
 name</dfn> of a transition is the name of the longhand sub-property for which
 the transition was generated (e.g. 'border-left-width').
 
-## The transition timing function ## {#transition-timing-function}
-
-When creating a {{KeyframeEffect}} for a transition, the effect's {{EffectTiming/easing}}
-option is set to the value of the matching 'transition-timing-function' property,
-which must be used by {{AnimationEffect/getComputedTiming()}}.
-
-Note: Unlike CSS animations, the timing function for CSS transitions applies to
-the animation effect as opposed to the individual keyframes since this allows
-it to be reflected in the <a>transformed progress</a> as used when calculating
-the reversing shortening factor.
-
 ## Owning element ## {#owning-element-section}
 
 The <dfn>owning element</dfn> of a transition refers to the element or