[css-transitions-2] Specify mapping of transitions properties to Web Animations API

Author: birtles

css-transitions-2/Overview.bs

@@ -69,19 +69,38 @@ spec:css-transitions-1; type:dfn; text:cancel
 	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-property' Property ## {#transition-name-property}
+
+Although the 'transition-property' may specify shorthand properties and the
+''all'' keyword, individual transitions are generated for each longhand
+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-duration' Property ## {#transition-duration-property}
+
+The 'transition-duration' property specifies the [=iteration duration=]
+of the transition's associated [=animation effect=].
+
 ## 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=]
+of the transition's associated [=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.
 
+## The 'transition-delay' Property ## {#transition-delay-property}
+
+The 'transition-delay' property specifies the [=start delay=]
+of the transition's associated [=animation effect=].
+
 
 # Starting of transitions # {#starting}
 
@@ -113,14 +132,6 @@ Each time a new transition is generated, the current value of the (already
 incremented) <a>current transition generation</a> is stored as the
 transition's <dfn>transition generation</dfn>.
 
-## The transition property name ## {#transition-property-name}
-
-Although the 'transition-property' may specify shorthand properties and the
-''all'' keyword, individual transitions are generated for each longhand
-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').
-
 ## Owning element ## {#owning-element-section}
 
 The <dfn>owning element</dfn> of a transition refers to the element or