[web-animations-1] Convert a bunch of annotations to notes

Author: birtles

web-animations-1/Overview.bs

@@ -534,7 +534,7 @@ The connection between <a>time values</a> and wall-clock milliseconds
 may be obscured by any number of transformations applied to the value as
 it passes through the time hierarchy.
 
-<p class="annotation">
+<p class="note">
 In the future there may be timelines that are based on scroll position
 or UI gestures in which case the connection between time values and
 milliseconds will be weakened even further.
@@ -762,7 +762,7 @@ if <var>animation</var>'s <a>previous current time</a> is <a
 lt="unresolved">resolved</a>, the procedure to <a>silently set the current
 time</a> of <var>animation</var> to <a>previous current time</a> is run.
 
-<div class="annotation">
+<div class="note">
 
 This step makes the behavior when an <a>animation</a>'s <a>timeline</a> becomes
 <a lt="inactive timeline">inactive</a> consistent with when it is
@@ -906,7 +906,7 @@ an animation, <var>animation</var>, to <var>seek time</var> is as follows:
     make <var>animation</var>'s <a lt="animation start time">start time</a>
     <a>unresolved</a>.
 
-    <p class=annotation>
+    <p class=note>
       This preserves the invariant that when we don't have an active timeline it
       is only possible to set <em>either</em> the <a>animation start time</a>
       <em>or</em> the animation's <a>current time</a>.
@@ -948,7 +948,7 @@ is as follows:
     time</var> is <a lt="unresolved">resolved</a>, make <var>animation</var>'s
     <a>hold time</a> <a>unresolved</a>.
 
-    <p class=annotation>
+    <p class=note>
       This preserves the invariant that when we don't have an active timeline it
       is only possible to set <em>either</em> the <a>animation start time</a>
       <em>or</em> the animation's <a>current time</a>.
@@ -1176,7 +1176,7 @@ as CSS Animations [[CSS-ANIMATIONS-1]].
         <var>animation</var> with the <var>did seek</var> flag set to false,
         and the <var>synchronously notify</var> flag set to false.
 
-        <div class="annotation">
+        <div class="note">
             Note that the order of the above two steps is important
             since it means that an animation with zero-length <a>target
             effect</a> will resolve its <a>current ready promise</a>
@@ -1739,7 +1739,7 @@ The procedure to <dfn>reverse an animation</dfn> of <a>animation</a>
 2.  <a>Silently set the animation playback rate</a> of
     <var>animation</var> to <code>&minus;<a>animation playback rate</a></code>.
 
-    <div class="annotation">
+    <div class="note">
         This must be done silently or else we may end up resolving
         the <a>current ready promise</a> when we do the compensatory
         seek despite the fact that we will most likely still have a
@@ -3988,7 +3988,7 @@ interface AnimationEffectReadOnly {
 };
 </pre>
 
-<div class="annotation">
+<div class="note">
 In future, we may expose <code>any onupdate (double? progress,
 double currentIteration, Animatable? target, any
 underlyingValue)</code> so that the animation effects can be driven
@@ -4559,7 +4559,7 @@ interface KeyframeEffect : KeyframeEffectReadOnly {
 
     </div>
 
-    <p class="annotation">
+    <p class="note">
     This method is largely provided for consistency with
     {{KeyframeEffect(source)}}.
     </p>

web-animations-2/Overview.bs

@@ -1961,7 +1961,7 @@ The <code>AnimationNodeList</code> interface supports indexed
 properties with indices in the range 0 &le; <var>index</var> &lt;
 <code>length</code>.
 
-<p class="annotation">
+<p class="note">
 The only reason this interface exists is to provide a familiar
 experience for authors familiar with DOM interfaces where child nodes
 are accessed via a <code>children</code> member.