Mercurial > drafts / changeset

     1.1 --- a/css3-animations/Overview.html	Mon Jan 28 07:43:49 2013 -0800
     1.2 +++ b/css3-animations/Overview.html	Mon Jan 28 09:11:52 2013 -0800
     1.3 @@ -10,11 +10,11 @@
     1.4  
     1.5    <meta content="CSS Animations" name=dcterms.title>
     1.6    <meta content=text name=dcterms.type>
     1.7 -  <meta content=2013-01-11 name=dcterms.issued>
     1.8 +  <meta content=2013-01-28 name=dcterms.issued>
     1.9    <meta content="http://dev.w3.org/csswg/css3-animations/"
    1.10     name=dcterms.creator>
    1.11    <meta content=W3C name=dcterms.publisher>
    1.12 -  <meta content="http://www.w3.org/TR/2013/ED-css3-animations-20130111/"
    1.13 +  <meta content="http://www.w3.org/TR/2013/ED-css3-animations-20130128/"
    1.14     name=dcterms.identifier>
    1.15    <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
    1.16    <link href="../default.css" rel=stylesheet type="text/css">
    1.17 @@ -31,15 +31,15 @@
    1.18  
    1.19     <h1>CSS Animations</h1>
    1.20  
    1.21 -   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 11 January
    1.22 +   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 28 January
    1.23      2013</h2>
    1.24  
    1.25     <dl>
    1.26      <dt>This version:
    1.27  
    1.28      <dd><a
    1.29 -     href="http://www.w3.org/TR/2013/ED-css3-animations-20130111/">http://dev.w3.org/csswg/css3-animations/</a>
    1.30 -     <!--http://www.w3.org/TR/2013/WD-css3-animations-20130111/-->
    1.31 +     href="http://www.w3.org/TR/2013/ED-css3-animations-20130128/">http://dev.w3.org/csswg/css3-animations/</a>
    1.32 +     <!--http://www.w3.org/TR/2013/WD-css3-animations-20130128/-->
    1.33  
    1.34      <dt>Latest version:
    1.35  
    1.36 @@ -1469,6 +1469,9 @@
    1.37    readonly attribute float <a
    1.38     href="#AnimationEvent-elapsedTime"
    1.39     title=dom-ProgressEvent-loaded>elapsedTime</a>;
    1.40 +  readonly attribute DOMString <a
    1.41 +   href="#AnimationEvent-pseudoElement"
    1.42 +   title=AnimationEvent-pseudoElement>pseudoElement</a>;
    1.43  };
    1.44  
    1.45  dictionary AnimationEventInit : <a
    1.46 @@ -1478,6 +1481,8 @@
    1.47     title=AnimationEventInit-animationName>animationName</span>;
    1.48    float <span
    1.49     title=AnimationEventInit-loaded>elapsedTime</span>;
    1.50 +  DOMString <span
    1.51 +   title=AnimationEventInit-pseudoElement>pseudoElement</span>;
    1.52  }
    1.53  
    1.54  </pre>
    1.55 @@ -1504,6 +1509,15 @@
    1.56      will be fired with an <a
    1.57      href="#AnimationEvent-elapsedTime"><code>elapsedTime</code></a> of (-1 *
    1.58      delay).
    1.59 +
    1.60 +   <dt><code><dfn id=AnimationEvent-pseudoElement>pseudoElement</dfn></code>
    1.61 +    of type <code>DOMString</code>, readonly
    1.62 +
    1.63 +   <dd> The name (beginning with two colons) of the CSS pseudo-element on
    1.64 +    which the animation runs (in which case the target of the event is that
    1.65 +    pseudo-element's corresponding element), or the empty string if the
    1.66 +    animation runs on an element (which means the target of the event is that
    1.67 +    element).
    1.68    </dl>
    1.69  
    1.70    <p> <code id=AnimationEvent-constructor>AnimationEvent(type,
    1.71 @@ -2008,6 +2022,9 @@
    1.72       <li>normal, <a href="#normal"
    1.73        title="section 3.6."><strong>3.6.</strong></a>
    1.74  
    1.75 +     <li>pseudoElement, <a href="#AnimationEvent-pseudoElement"
    1.76 +      title="section 4.1.2."><strong>4.1.2.</strong></a>
    1.77 +
    1.78       <li>reverse, <a href="#reverse"
    1.79        title="section 3.6."><strong>3.6.</strong></a>
    1.80  

     2.1 --- a/css3-animations/Overview.src.html	Mon Jan 28 07:43:49 2013 -0800
     2.2 +++ b/css3-animations/Overview.src.html	Mon Jan 28 09:11:52 2013 -0800
     2.3 @@ -1065,11 +1065,13 @@
     2.4  interface AnimationEvent : <a class="external" href="http://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#event">Event</a> {
     2.5    readonly attribute DOMString <a href="#AnimationEvent-animationName" title="AnimationEvent-lengthComputable">animationName</a>;
     2.6    readonly attribute float <a href="#AnimationEvent-elapsedTime" title="dom-ProgressEvent-loaded">elapsedTime</a>;
     2.7 +  readonly attribute DOMString <a href="#AnimationEvent-pseudoElement" title="AnimationEvent-pseudoElement">pseudoElement</a>;
     2.8  };
     2.9  
    2.10  dictionary AnimationEventInit : <a class="external" href="http://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#eventinit">EventInit</a> {
    2.11    DOMString <span title="AnimationEventInit-animationName">animationName</span>;
    2.12    float <span title="AnimationEventInit-loaded">elapsedTime</span>;
    2.13 +  DOMString <span title="AnimationEventInit-pseudoElement">pseudoElement</span>;
    2.14  }
    2.15  
    2.16  </pre>
    2.17 @@ -1092,6 +1094,14 @@
    2.18  			For an "animationstart" event, 
    2.19  			the elapsedTime is zero unless there was a negative value for 'animation-delay', 
    2.20  			in which case the event will be fired with an <code>elapsedTime</code> of (-1 * delay).
    2.21 +
    2.22 +		<dt><code><dfn id='AnimationEvent-pseudoElement'>pseudoElement</dfn></code> of type <code>DOMString</code>, readonly
    2.23 +		<dd>
    2.24 +			The name (beginning with two colons) of the CSS pseudo-element on 
    2.25 +			which the animation runs (in which case the target of the event 
    2.26 +			is that pseudo-element's corresponding element), or the empty string
    2.27 +			if the animation runs on an element (which means the target of the event 
    2.28 +			is that element).			
    2.29  	</dl>
    2.30  
    2.31  	<p>