CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="icon" href="/drafts/static/hgicon.png" type="image/png" /> <meta name="robots" content="index, nofollow"/> <link rel="stylesheet" href="/drafts/static/style-monoblue.css" type="text/css" /> <script type="text/javascript" src="/drafts/static/mercurial.js"></script> <title>drafts: css-transitions-1/Overview.bs@929747cc36de (annotated)</title> <link rel="alternate" type="application/atom+xml" href="/drafts/atom-log" title="Atom feed for drafts"/> <link rel="alternate" type="application/rss+xml" href="/drafts/rss-log" title="RSS feed for drafts"/> </head> <body> <div id="container"> <div class="page-header"> <h1 class="breadcrumb"><a href="/">Mercurial</a> > <a href="/drafts">drafts</a> / annotate</h1> <form action="/drafts/log"> <dl class="search"> <dt><label>Search: </label></dt> <dd><input type="text" name="rev" /></dd> </dl> </form> <ul class="page-nav"> <li><a href="/drafts/summary">summary</a></li> <li><a href="/drafts/shortlog">shortlog</a></li> <li><a href="/drafts/log">changelog</a></li> <li><a href="/drafts/graph/929747cc36de">graph</a></li> <li><a href="/drafts/tags">tags</a></li> <li><a href="/drafts/bookmarks">bookmarks</a></li> <li><a href="/drafts/branches">branches</a></li> <li><a href="/drafts/file/929747cc36de/css-transitions-1/">files</a></li> <li><a href="/drafts/help">help</a></li> </ul> </div> <ul class="submenu"> <li><a href="/drafts/file/929747cc36de/css-transitions-1/Overview.bs">file</a></li> <li><a href="/drafts/log/929747cc36de/css-transitions-1/Overview.bs">revisions</a></li> <li class="current">annotate</li> <li><a href="/drafts/diff/929747cc36de/css-transitions-1/Overview.bs">diff</a></li> <li><a href="/drafts/comparison/929747cc36de/css-transitions-1/Overview.bs">comparison</a></li> <li><a href="/drafts/raw-annotate/929747cc36de/css-transitions-1/Overview.bs">raw</a></li> </ul> <h2 class="no-link no-border">css-transitions-1/Overview.bs@929747cc36de (annotated)</h2> <h3 class="changeset">css-transitions-1/Overview.bs</h3> <p class="changeset-age age">Fri, 22 Nov 2024 00:21:48 +0100</p> <dl class="overview"> <dt>author</dt> <dd>andruud <andruud@gmail.com></dd> <dt>date</dt> <dd>Fri, 22 Nov 2024 00:21:48 +0100</dd> <dt>changeset 31828</dt> <dd><a href="/drafts/rev/929747cc36de">929747cc36de</a></dd> <dt>parent 30615</dt> <dd> <a href="/drafts/annotate/7d07d6170703/css-transitions-1/Overview.bs"> 7d07d6170703 </a> </dd> <dt>child 32030</dt> <dd> <a href="/drafts/annotate/b68653a97738/css-transitions-1/Overview.bs">b68653a97738</a> </dd> <dt>permissions</dt> <dd>-rw-r--r--</dd> </dl> <p class="description">[css-values] Total attr()-tainting for substitution values (#11218)<br/> <br/> This may have been the intended meaning of the spec text already,<br/> but I think we should clearly state the outcome of #5092:<br/> partial tainting of custom properties was proposed in that issue,<br/> discussed, objected to, and therefore *not* accepted.<br/> <br/> This PR hopefully makes it clear that attr()-tainting applies<br/> to whole substitution values, for now.</p> <table class="annotated"> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l8" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l1" id="l1"> 1</a> </td> <td class="source"> <style type="text/css"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l17" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l2" id="l2"> 2</a> </td> <td class="source"> div.prod { margin: 1em 2em; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l13" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l3" id="l3"> 3</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l14" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l4" id="l4"> 4</a> </td> <td class="source"> table.event-handlers { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l15" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l5" id="l5"> 5</a> </td> <td class="source"> border-collapse: collapse; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l16" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l6" id="l6"> 6</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l17" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l7" id="l7"> 7</a> </td> <td class="source"> table.event-handlers th, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l18" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l8" id="l8"> 8</a> </td> <td class="source"> table.event-handlers td { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l19" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l9" id="l9"> 9</a> </td> <td class="source"> padding: 0.2em 1em; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l20" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l10" id="l10"> 10</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l21" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l11" id="l11"> 11</a> </td> <td class="source"> table.event-handlers td { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l22" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l12" id="l12"> 12</a> </td> <td class="source"> border: 1px solid black; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l23" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l13" id="l13"> 13</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l20" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l14" id="l14"> 14</a> </td> <td class="source"> </style> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l24" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l15" id="l15"> 15</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l26" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l16" id="l16"> 16</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l16" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l17" id="l17"> 17</a> </td> <td class="source"><pre class="metadata"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7d07d6170703/css-transitions-1/Overview.bs#l18" title="7d07d6170703: [css-transitions-1] Update title of css-transitions-1 to include "Level 1".">dbaron@30615</a> </td> <td class="lineno"> <a href="#l18" id="l18"> 18</a> </td> <td class="source">Title: CSS Transitions Level 1 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l17" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l19" id="l19"> 19</a> </td> <td class="source">Status: ED </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-transitions/Overview.bs#l17" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l20" id="l20"> 20</a> </td> <td class="source">Work Status: Refining </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l19" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l21" id="l21"> 21</a> </td> <td class="source">Shortname: css-transitions </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l20" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l22" id="l22"> 22</a> </td> <td class="source">Group: csswg </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l21" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l23" id="l23"> 23</a> </td> <td class="source">Level: 1 </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1e0d47e473ac/css-transitions-1/Overview.bs#l32" title="1e0d47e473ac: [css-transitions-1] Update TR link to point to new versioned URL">birtles@20222</a> </td> <td class="lineno"> <a href="#l24" id="l24"> 24</a> </td> <td class="source">TR: https://www.w3.org/TR/css-transitions-1/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c90fdc7d7418/css-transitions-1/Overview.bs#l25" title="c90fdc7d7418: [css-transitions-1] Point to new WD">birtles@21889</a> </td> <td class="lineno"> <a href="#l25" id="l25"> 25</a> </td> <td class="source">Previous version: https://www.w3.org/TR/2018/WD-css-transitions-1-20181011/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3a421fdbf4cc/css-transitions-1/Overview.bs#l33" title="3a421fdbf4cc: [css-animations-1][css-transitions-1] Add new previous version URLs">birtles@20223</a> </td> <td class="lineno"> <a href="#l26" id="l26"> 26</a> </td> <td class="source">Previous version: https://www.w3.org/TR/2017/WD-css-transitions-1-20171130/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-transitions/Overview.bs#l23" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l27" id="l27"> 27</a> </td> <td class="source">Previous version: https://www.w3.org/TR/2013/WD-css3-transitions-20131119/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5be73fbc8592/css-transitions/Overview.bs#l24" title="5be73fbc8592: change //dev.w3.org/csswg/ urls to //drafts.csswg.org/">peter@16986</a> </td> <td class="lineno"> <a href="#l28" id="l28"> 28</a> </td> <td class="source">ED: https://drafts.csswg.org/css-transitions/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68f652c3f1eb/css-transitions/Overview.bs#l36" title="68f652c3f1eb: Make editor lines referring to me consistent, and include w3cid.">dbaron@19383</a> </td> <td class="lineno"> <a href="#l29" id="l29"> 29</a> </td> <td class="source">Editor: L. David Baron, Mozilla https://www.mozilla.org/, https://dbaron.org/, w3cid 15393 </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/22c9edc2d68b/css-transitions-1/Overview.bs#l36" title="22c9edc2d68b: Add w3cid metadata for all editors.">dbaron@20171</a> </td> <td class="lineno"> <a href="#l30" id="l30"> 30</a> </td> <td class="source">Editor: Dean Jackson, Apple Inc https://www.apple.com/, dino@apple.com, w3cid 42080 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9d6880598ce3/css-transitions-1/Overview.bs#l37" title="9d6880598ce3: [css-transitions-1] Update editors list">birtles@20205</a> </td> <td class="lineno"> <a href="#l31" id="l31"> 31</a> </td> <td class="source">Editor: Brian Birtles, Mozilla https://www.mozilla.org/, bbirtles@mozilla.com, w3cid 43194 </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9d6880598ce3/css-transitions-1/Overview.bs#l38" title="9d6880598ce3: [css-transitions-1] Update editors list">birtles@20205</a> </td> <td class="lineno"> <a href="#l32" id="l32"> 32</a> </td> <td class="source">Former Editor: David Hyatt, Apple Inc https://www.apple.com/, hyatt@apple.com, w3cid 34140 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9d6880598ce3/css-transitions-1/Overview.bs#l39" title="9d6880598ce3: [css-transitions-1] Update editors list">birtles@20205</a> </td> <td class="lineno"> <a href="#l33" id="l33"> 33</a> </td> <td class="source">Former Editor: Chris Marrin, Apple Inc https://www.apple.com/, cmarrin@apple.com </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a7673468017/css-transitions-1/Overview.bs#l34" title="9a7673468017: [css-transitions] Update Bugzilla link to one that mostly works.">dbaron@30228</a> </td> <td class="lineno"> <a href="#l34" id="l34"> 34</a> </td> <td class="source">Issue Tracking: Bugzilla bugs for all levels https://www.w3.org/Bugs/Public/buglist.cgi?product=CSS&amp;component=Transitions&amp;resolution=--- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/562458c728ec/css-transitions-1/Overview.bs#l36" title="562458c728ec: [css-transitions-1][editorial] link to WPT test suite">chris@29728</a> </td> <td class="lineno"> <a href="#l35" id="l35"> 35</a> </td> <td class="source">Test Suite: https://wpt.fyi/results/css/css-transitions </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l30" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l36" id="l36"> 36</a> </td> <td class="source">Abstract: CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l44" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l37" id="l37"> 37</a> </td> <td class="source">Status Text: <strong>This document</strong> is expected to be relatively close to last call. While some issues raised have yet to be addressed, new features are extremely unlikely to be considered for this level. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1577b3ccd54b/css-transitions/Overview.bs#l34" title="1577b3ccd54b: [css-transitions] Fix bikeshed ignored vars warning.">dbaron@17009</a> </td> <td class="lineno"> <a href="#l38" id="l38"> 38</a> </td> <td class="source">Ignored Vars: x1, x2, y1, y2 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l35" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l39" id="l39"> 39</a> </td> <td class="source">Link Defaults: css-transforms (property) transform </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l33" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l40" id="l40"> 40</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l34" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l41" id="l41"> 41</a> </td> <td class="source"><pre class="link-defaults"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1c31506c1936/css-transitions-1/Overview.bs#l43" title="1c31506c1936: [css-transitions-1][editorial] Link defaults">chris@29729</a> </td> <td class="lineno"> <a href="#l42" id="l42"> 42</a> </td> <td class="source">spec:css22; type:property; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l37" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l43" id="l43"> 43</a> </td> <td class="source"> text:top </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l38" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l44" id="l44"> 44</a> </td> <td class="source"> text:right </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l39" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l45" id="l45"> 45</a> </td> <td class="source"> text:bottom </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l40" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l46" id="l46"> 46</a> </td> <td class="source"> text:left </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l41" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l47" id="l47"> 47</a> </td> <td class="source"> text:margin-top </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l42" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l48" id="l48"> 48</a> </td> <td class="source"> text:margin-right </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l43" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l49" id="l49"> 49</a> </td> <td class="source"> text:margin-bottom </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l44" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l50" id="l50"> 50</a> </td> <td class="source"> text:margin-left </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l45" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l51" id="l51"> 51</a> </td> <td class="source"> text:padding-top </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l46" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l52" id="l52"> 52</a> </td> <td class="source"> text:padding-right </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l47" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l53" id="l53"> 53</a> </td> <td class="source"> text:padding-bottom </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l48" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l54" id="l54"> 54</a> </td> <td class="source"> text:padding-left </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l49" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l55" id="l55"> 55</a> </td> <td class="source"> text:border-top-color </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l50" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l56" id="l56"> 56</a> </td> <td class="source"> text:border-right-color </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l51" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l57" id="l57"> 57</a> </td> <td class="source"> text:border-bottom-color </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l52" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l58" id="l58"> 58</a> </td> <td class="source"> text:border-left-color </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l53" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l59" id="l59"> 59</a> </td> <td class="source"> text:border-top-width </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l54" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l60" id="l60"> 60</a> </td> <td class="source"> text:border-right-width </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l55" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l61" id="l61"> 61</a> </td> <td class="source"> text:border-bottom-width </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l56" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l62" id="l62"> 62</a> </td> <td class="source"> text:border-left-width </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l57" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l63" id="l63"> 63</a> </td> <td class="source"> text:background-color </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l58" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l64" id="l64"> 64</a> </td> <td class="source"> text:background-position </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l59" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l65" id="l65"> 65</a> </td> <td class="source"> text:border-spacing </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l60" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l66" id="l66"> 66</a> </td> <td class="source"> text:width </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l61" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l67" id="l67"> 67</a> </td> <td class="source"> text:height </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l62" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l68" id="l68"> 68</a> </td> <td class="source"> text:min-width </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l63" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l69" id="l69"> 69</a> </td> <td class="source"> text:min-height </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l64" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l70" id="l70"> 70</a> </td> <td class="source"> text:max-width </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l65" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l71" id="l71"> 71</a> </td> <td class="source"> text:max-height </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l66" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l72" id="l72"> 72</a> </td> <td class="source"> text:clip </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l67" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l73" id="l73"> 73</a> </td> <td class="source"> text:letter-spacing </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l68" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l74" id="l74"> 74</a> </td> <td class="source"> text:line-height </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l69" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l75" id="l75"> 75</a> </td> <td class="source"> text:outline-color </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l70" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l76" id="l76"> 76</a> </td> <td class="source"> text:outline-width </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l71" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l77" id="l77"> 77</a> </td> <td class="source"> text:text-indent </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l72" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l78" id="l78"> 78</a> </td> <td class="source"> text:font-size </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l73" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l79" id="l79"> 79</a> </td> <td class="source"> text:font-weight </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l74" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l80" id="l80"> 80</a> </td> <td class="source"> text:vertical-align </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l75" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l81" id="l81"> 81</a> </td> <td class="source"> text:visibility </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l76" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l82" id="l82"> 82</a> </td> <td class="source"> text:word-spacing </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l77" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l83" id="l83"> 83</a> </td> <td class="source"> text:z-index </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b63d15c1c8f2/css-transitions/Overview.bs#l91" title="b63d15c1c8f2: [css-transitions] Fix ambiguous reference for 'background-image', and link to latest css2 rather than css21.">dbaron@18576</a> </td> <td class="lineno"> <a href="#l84" id="l84"> 84</a> </td> <td class="source">spec:css-backgrounds-3; type:property; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b63d15c1c8f2/css-transitions/Overview.bs#l92" title="b63d15c1c8f2: [css-transitions] Fix ambiguous reference for 'background-image', and link to latest css2 rather than css21.">dbaron@18576</a> </td> <td class="lineno"> <a href="#l85" id="l85"> 85</a> </td> <td class="source"> text:background-image </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b63d15c1c8f2/css-transitions/Overview.bs#l93" title="b63d15c1c8f2: [css-transitions] Fix ambiguous reference for 'background-image', and link to latest css2 rather than css21.">dbaron@18576</a> </td> <td class="lineno"> <a href="#l86" id="l86"> 86</a> </td> <td class="source"> text:background-origin </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1c31506c1936/css-transitions-1/Overview.bs#l88" title="1c31506c1936: [css-transitions-1][editorial] Link defaults">chris@29729</a> </td> <td class="lineno"> <a href="#l87" id="l87"> 87</a> </td> <td class="source">spec:css-color-4; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l79" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l88" id="l88"> 88</a> </td> <td class="source"> type:property; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l80" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l89" id="l89"> 89</a> </td> <td class="source"> text:color </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l81" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l90" id="l90"> 90</a> </td> <td class="source"> text:opacity </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l82" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l91" id="l91"> 91</a> </td> <td class="source"> type:value </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l83" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l92" id="l92"> 92</a> </td> <td class="source"> text:green </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l84" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l93" id="l93"> 93</a> </td> <td class="source"> text:blue </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l85" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l94" id="l94"> 94</a> </td> <td class="source"> text:transparent </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l36" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l95" id="l95"> 95</a> </td> <td class="source">spec:css-values-3; type:type; text:<time> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l37" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l96" id="l96"> 96</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e3b50240ec13/css-transitions/Overview.bs#l85" title="e3b50240ec13: [css-transitions] Link properties in table. Fix autolinks to reference appropriately-stable specs, mostly.">dbaron@15106</a> </td> <td class="lineno"> <a href="#l97" id="l97"> 97</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c0f95591595d/css-transitions/Overview.bs#l38" title="c0f95591595d: [css-transitions] Link 'inset' keyword correctly.">dbaron@15101</a> </td> <td class="lineno"> <a href="#l98" id="l98"> 98</a> </td> <td class="source"><pre class="anchors"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c7133236ea16/css-transitions/Overview.bs#l91" title="c7133236ea16: [css-transitions] Be consistent about TR vs. drafts for the references that I have to override manually.">dbaron@17026</a> </td> <td class="lineno"> <a href="#l99" id="l99"> 99</a> </td> <td class="source">url: https://www.w3.org/TR/css3-background/#shadow-inset; type: value; for: shadow; text: inset; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/870388d96219/css-transitions/Overview.bs#l92" title="870388d96219: [css-transitions] There's now something to link to for box-shadow: none, so link to it.">dbaron@17078</a> </td> <td class="lineno"> <a href="#l100" id="l100"> 100</a> </td> <td class="source">url: https://www.w3.org/TR/css3-background/#box-shadow-none; type: value; for: shadow; text: none; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-transitions/Overview.bs#l92" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l101" id="l101"> 101</a> </td> <td class="source">url: https://www.w3.org/TR/CSS21/visufx.html#propdef-visibility; type: value; for: visibility; text: visible; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c7133236ea16/css-transitions/Overview.bs#l93" title="c7133236ea16: [css-transitions] Be consistent about TR vs. drafts for the references that I have to override manually.">dbaron@17026</a> </td> <td class="lineno"> <a href="#l102" id="l102"> 102</a> </td> <td class="source">urlPrefix: https://www.w3.org/TR/css3-color/; type: value; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l93" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l103" id="l103"> 103</a> </td> <td class="source"> text: transparent </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l94" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l104" id="l104"> 104</a> </td> <td class="source"> text: blue </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l95" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l105" id="l105"> 105</a> </td> <td class="source"> text: green </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b050b63e200f/css-transitions/Overview.bs#l92" title="b050b63e200f: [css-animations][css-transitions] Link "event constructor" to editor's draft rather than repository.">dbaron@15128</a> </td> <td class="lineno"> <a href="#l106" id="l106"> 106</a> </td> <td class="source">url: http://w3c.github.io/dom/#constructing-events; type: dfn; text: event constructor; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l99" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l107" id="l107"> 107</a> </td> <td class="source">urlPrefix: https://html.spec.whatwg.org/multipage/webappapis.html; type: dfn; spec: html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l100" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l108" id="l108"> 108</a> </td> <td class="source"> text: event handlers </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l101" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l109" id="l109"> 109</a> </td> <td class="source"> text: event handler event type </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l102" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l110" id="l110"> 110</a> </td> <td class="source"> text: event handler content attributes </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l103" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l111" id="l111"> 111</a> </td> <td class="source"> text: event handler IDL attributes </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l104" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l112" id="l112"> 112</a> </td> <td class="source">urlPrefix: https://html.spec.whatwg.org/multipage/infrastructure.html; type: dfn; spec: html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l105" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l113" id="l113"> 113</a> </td> <td class="source"> text: HTML elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l106" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l114" id="l114"> 114</a> </td> <td class="source"> text: dispatch; url: concept-event-dispatch </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l107" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l115" id="l115"> 115</a> </td> <td class="source">url: https://html.spec.whatwg.org/#document; type: interface; text: Document; spec: html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c0f95591595d/css-transitions/Overview.bs#l40" title="c0f95591595d: [css-transitions] Link 'inset' keyword correctly.">dbaron@15101</a> </td> <td class="lineno"> <a href="#l116" id="l116"> 116</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/61a574d3c7e5/css-transitions/Overview.bs#l126" title="61a574d3c7e5: [css-transitions] Make transitions refer to new CSS Timing Functions spec">birtles@18691</a> </td> <td class="lineno"> <a href="#l117" id="l117"> 117</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l49" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l118" id="l118"> 118</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l104" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l119" id="l119"> 119</a> </td> <td class="source">Introduction {#introduction} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l105" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l120" id="l120"> 120</a> </td> <td class="source">============================ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l69" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l121" id="l121"> 121</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cad88ff21a5b/css3-transitions/Overview.src.html#l80" title="cad88ff21a5b: 2010-04-26 simon.fraser@apple.com">simon@1766</a> </td> <td class="lineno"> <a href="#l122" id="l122"> 122</a> </td> <td class="source"> <p><em>This section is not normative.</em> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l71" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l123" id="l123"> 123</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l72" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l124" id="l124"> 124</a> </td> <td class="source"> This document introduces new CSS features to enable <em>implicit transitions</em>, which describe how CSS properties can be made to change smoothly from one value to another over a given duration. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l73" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l125" id="l125"> 125</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cad88ff21a5b/css3-transitions/Overview.src.html#l84" title="cad88ff21a5b: 2010-04-26 simon.fraser@apple.com">simon@1766</a> </td> <td class="lineno"> <a href="#l126" id="l126"> 126</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l127" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l127" id="l127"> 127</a> </td> <td class="source">Value Definitions {#values} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l128" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l128" id="l128"> 128</a> </td> <td class="source">----------------- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l129" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l129" id="l129"> 129</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l130" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l130" id="l130"> 130</a> </td> <td class="source"> This specification follows the <a href="https://www.w3.org/TR/CSS2/about.html#property-defs">CSS property definition conventions</a> from [[!CSS2]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l131" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l131" id="l131"> 131</a> </td> <td class="source"> using the <a href="https://www.w3.org/TR/css-values-3/#value-defs">value definition syntax</a> from [[!CSS-VALUES-3]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l132" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l132" id="l132"> 132</a> </td> <td class="source"> Value types not defined in this specification are defined in CSS Values &amp; Units [[!CSS-VALUES-3]]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l133" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l133" id="l133"> 133</a> </td> <td class="source"> Combination with other CSS modules may expand the definitions of these value types. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l134" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l134" id="l134"> 134</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l135" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l135" id="l135"> 135</a> </td> <td class="source"> In addition to the property-specific values listed in their definitions, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l136" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l136" id="l136"> 136</a> </td> <td class="source"> all properties defined in this specification </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6184bac8cb02/css-transitions-1/Overview.bs#l137" title="6184bac8cb02: Removed duplicate "keywords" from Value Definitions section">sebastianzartner@25875</a> </td> <td class="lineno"> <a href="#l137" id="l137"> 137</a> </td> <td class="source"> also accept the <a>CSS-wide keywords</a> as their property value. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l138" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l138" id="l138"> 138</a> </td> <td class="source"> For readability they have not been repeated explicitly. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fbc565e83f1e/css-transitions-1/Overview.bs#l139" title="fbc565e83f1e: [meta] Align value definition reference across all specs. Use more obvious heading. Include link to definition syntax directly. #1397">fantasai@24420</a> </td> <td class="lineno"> <a href="#l139" id="l139"> 139</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l112" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l140" id="l140"> 140</a> </td> <td class="source"><span id="transitions-">Transitions</span> {#transitions} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l113" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l141" id="l141"> 141</a> </td> <td class="source">========================================================= </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l114" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l142" id="l142"> 142</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l77" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l143" id="l143"> 143</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0e3e63c6f5cc/css-transitions-1/Overview.bs#l144" title="0e3e63c6f5cc: [css-transitions-1][editorial] Add the word gradual to clarify that it's happening over time">fantasai@29689</a> </td> <td class="lineno"> <a href="#l144" id="l144"> 144</a> </td> <td class="source"> Normally when the value of a CSS property changes, the rendered result is instantly updated, with the affected elements immediately changing from the old property value to the new property value. This section describes a way to specify gradual transitions using new CSS properties. These properties are used to animate smoothly from the old state to the new state over time. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l79" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l145" id="l145"> 145</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l80" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l146" id="l146"> 146</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l98" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l147" id="l147"> 147</a> </td> <td class="source"> For example, suppose that transitions of one second have been defined on the 'left' and </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l99" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l148" id="l148"> 148</a> </td> <td class="source"> 'background-color' properties. The following diagram illustrates the effect of updating those properties on an element, in this case moving it to the right and changing the background from red to blue. This assumes other transition parameters still have their default values. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l82" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l149" id="l149"> 149</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d2011a5cdff0/css-transitions-1/Overview.bs#l144" title="d2011a5cdff0: [css-transitions-1] Replace PNG graphic with SVG version">birtles@21756</a> </td> <td class="lineno"> <a href="#l150" id="l150"> 150</a> </td> <td class="source"> <figure> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14de636cc0b7/css-transitions-1/Overview.bs#l151" title="14de636cc0b7: Move images used in specs into subdirectories that bikeshed echidna will automatically package.">dbaron@28644</a> </td> <td class="lineno"> <a href="#l151" id="l151"> 151</a> </td> <td class="source"> <img src="images/transition-example.svg" width="518" </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d2011a5cdff0/css-transitions-1/Overview.bs#l146" title="d2011a5cdff0: [css-transitions-1] Replace PNG graphic with SVG version">birtles@21756</a> </td> <td class="lineno"> <a href="#l152" id="l152"> 152</a> </td> <td class="source"> alt="Example showing the initial, intermediate, and final states of a box whose color and position is interpolated"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d2011a5cdff0/css-transitions-1/Overview.bs#l147" title="d2011a5cdff0: [css-transitions-1] Replace PNG graphic with SVG version">birtles@21756</a> </td> <td class="lineno"> <a href="#l153" id="l153"> 153</a> </td> <td class="source"> <figcaption> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d2011a5cdff0/css-transitions-1/Overview.bs#l148" title="d2011a5cdff0: [css-transitions-1] Replace PNG graphic with SVG version">birtles@21756</a> </td> <td class="lineno"> <a href="#l154" id="l154"> 154</a> </td> <td class="source"> Transitions of 'left' and 'background-color'. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d2011a5cdff0/css-transitions-1/Overview.bs#l149" title="d2011a5cdff0: [css-transitions-1] Replace PNG graphic with SVG version">birtles@21756</a> </td> <td class="lineno"> <a href="#l155" id="l155"> 155</a> </td> <td class="source"> </figcaption> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d2011a5cdff0/css-transitions-1/Overview.bs#l150" title="d2011a5cdff0: [css-transitions-1] Replace PNG graphic with SVG version">birtles@21756</a> </td> <td class="lineno"> <a href="#l156" id="l156"> 156</a> </td> <td class="source"> </figure> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l89" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l157" id="l157"> 157</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/45c2a55c3cf2/css-transitions/Overview.bs#l118" title="45c2a55c3cf2: [css-transitions] Clean up some probably-incorrect uses of the term "computed style".">dbaron@15192</a> </td> <td class="lineno"> <a href="#l158" id="l158"> 158</a> </td> <td class="source"> Transitions are a presentational effect. The <a>computed value</a> of a property transitions over time from the old value to the new value. Therefore if a script queries the <a>computed value</a> of a property (or other data depending on it) as it is transitioning, it will see an intermediate value that represents the current animated value of the property. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l91" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l159" id="l159"> 159</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l92" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l160" id="l160"> 160</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l97" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l161" id="l161"> 161</a> </td> <td class="source"> The transition for a property is defined using a number of new properties. For example: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l98" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l162" id="l162"> 162</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l99" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l163" id="l163"> 163</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l100" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l164" id="l164"> 164</a> </td> <td class="source"> <p style="display:none"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l101" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l165" id="l165"> 165</a> </td> <td class="source"> Example(s): </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l102" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l166" id="l166"> 166</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l103" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l167" id="l167"> 167</a> </td> <td class="source"> <pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l104" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l168" id="l168"> 168</a> </td> <td class="source"> div { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l105" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l169" id="l169"> 169</a> </td> <td class="source"> transition-property: opacity; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l106" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l170" id="l170"> 170</a> </td> <td class="source"> transition-duration: 2s; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l107" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l171" id="l171"> 171</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l126" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l172" id="l172"> 172</a> </td> <td class="source"> </pre>The above example defines a transition on the 'opacity' property that, when a new value is assigned to it, will cause a smooth change between the old value and the new value over a period of two seconds. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l109" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l173" id="l173"> 173</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l110" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l174" id="l174"> 174</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l111" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l175" id="l175"> 175</a> </td> <td class="source"> Each of the transition properties accepts a comma-separated list, allowing multiple transitions to be defined, each acting on a different property. In this case, the individual transitions take their parameters from the same index in all the lists. For example: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l112" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l176" id="l176"> 176</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l113" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l177" id="l177"> 177</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l114" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l178" id="l178"> 178</a> </td> <td class="source"> <p style="display:none"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l115" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l179" id="l179"> 179</a> </td> <td class="source"> Example(s): </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l116" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l180" id="l180"> 180</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l117" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l181" id="l181"> 181</a> </td> <td class="source"> <pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l118" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l182" id="l182"> 182</a> </td> <td class="source"> div { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l119" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l183" id="l183"> 183</a> </td> <td class="source"> transition-property: opacity, left; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l120" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l184" id="l184"> 184</a> </td> <td class="source"> transition-duration: 2s, 4s; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l121" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l185" id="l185"> 185</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l122" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l186" id="l186"> 186</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l141" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l187" id="l187"> 187</a> </td> <td class="source"> </pre>This will cause the 'opacity' property to transition over a period of two seconds and the left property to transition over a period of four seconds. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l128" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l188" id="l188"> 188</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l141" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l189" id="l189"> 189</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/55af7083a60d/css3-transitions/Overview.src.html#l142" title="55af7083a60d: Define that transitions don't happen when duration and delay are both 0.">dbaron@5247</a> </td> <td class="lineno"> <a href="#l190" id="l190"> 190</a> </td> <td class="source"> <p id="list-matching"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l143" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l191" id="l191"> 191</a> </td> <td class="source"> In the case where the lists of values in transition properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l144" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l192" id="l192"> 192</a> </td> <td class="source"> do not have the same length, the length of the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l145" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l193" id="l193"> 193</a> </td> <td class="source"> 'transition-property' list determines the number of items in </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l146" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l194" id="l194"> 194</a> </td> <td class="source"> each list examined when starting transitions. The lists are </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l147" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l195" id="l195"> 195</a> </td> <td class="source"> matched up from the first value: excess values at the end are </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l148" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l196" id="l196"> 196</a> </td> <td class="source"> not used. If one of the other properties doesn't have enough </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l149" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l197" id="l197"> 197</a> </td> <td class="source"> comma-separated values to match the number of values of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l184" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l198" id="l198"> 198</a> </td> <td class="source"> 'transition-property', the user agent must calculate its used value by </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l151" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l199" id="l199"> 199</a> </td> <td class="source"> repeating the list of values until there are enough. This </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l152" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l200" id="l200"> 200</a> </td> <td class="source"> truncation or repetition does not affect the computed value. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l153" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l201" id="l201"> 201</a> </td> <td class="source"> <span class="note"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l154" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l202" id="l202"> 202</a> </td> <td class="source"> Note: This is analogous to the behavior of the 'background-*' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l155" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l203" id="l203"> 203</a> </td> <td class="source"> properties, with 'background-image' analogous to </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l156" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l204" id="l204"> 204</a> </td> <td class="source"> 'transition-property'. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l157" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l205" id="l205"> 205</a> </td> <td class="source"> </span> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff6f92f6b940/css3-transitions/Overview.src.html#l139" title="ff6f92f6b940: 2009-11-22 dbaron@dbaron.org">dbaron@1542</a> </td> <td class="lineno"> <a href="#l206" id="l206"> 206</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/48e571e1ced0/css3-transitions/Overview.src.html#l159" title="48e571e1ced0: Describe repeating/truncation behavior for uneven length lists, using rules where transition-property is the important length.">dbaron@5231</a> </td> <td class="lineno"> <a href="#l207" id="l207"> 207</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l135" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l208" id="l208"> 208</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l136" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l209" id="l209"> 209</a> </td> <td class="source"> <p style="display:none"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l137" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l210" id="l210"> 210</a> </td> <td class="source"> Example(s): </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l138" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l211" id="l211"> 211</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l139" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l212" id="l212"> 212</a> </td> <td class="source"> <pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l140" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l213" id="l213"> 213</a> </td> <td class="source"> div { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l141" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l214" id="l214"> 214</a> </td> <td class="source"> transition-property: opacity, left, top, width; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l142" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l215" id="l215"> 215</a> </td> <td class="source"> transition-duration: 2s, 1s; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l143" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l216" id="l216"> 216</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l171" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l217" id="l217"> 217</a> </td> <td class="source"> </pre>The above example defines a transition on the 'opacity' property of 2 seconds duration, a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l172" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l218" id="l218"> 218</a> </td> <td class="source"> transition on the 'left' property of 1 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l173" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l219" id="l219"> 219</a> </td> <td class="source"> second duration, a transition on the 'top' property of 2 seconds duration and a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l174" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l220" id="l220"> 220</a> </td> <td class="source"> transition on the 'width' property of 1 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l150" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l221" id="l221"> 221</a> </td> <td class="source"> second duration. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f89d8556ad29/css-transitions/Overview.src.html#l181" title="f89d8556ad29: [css-transitions] Fix backwards shadow-list interp.">jackalmage@14185</a> </td> <td class="lineno"> <a href="#l222" id="l222"> 222</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cef0627da0fb/css3-transitions/Overview.src.html#l152" title="cef0627da0fb: 2009-11-01 dino@apple.com">dino@1469</a> </td> <td class="lineno"> <a href="#l223" id="l223"> 223</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5df9b029337c/css3-transitions/Overview.src.html#l178" title="5df9b029337c: [css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.">dbaron@7313</a> </td> <td class="lineno"> <a href="#l224" id="l224"> 224</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5df9b029337c/css3-transitions/Overview.src.html#l179" title="5df9b029337c: [css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.">dbaron@7313</a> </td> <td class="lineno"> <a href="#l225" id="l225"> 225</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5df9b029337c/css3-transitions/Overview.src.html#l180" title="5df9b029337c: [css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.">dbaron@7313</a> </td> <td class="lineno"> <a href="#l226" id="l226"> 226</a> </td> <td class="source"> While authors can use transitions to create dynamically changing content, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5df9b029337c/css3-transitions/Overview.src.html#l181" title="5df9b029337c: [css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.">dbaron@7313</a> </td> <td class="lineno"> <a href="#l227" id="l227"> 227</a> </td> <td class="source"> dynamically changing content can lead to seizures in some users. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5df9b029337c/css3-transitions/Overview.src.html#l182" title="5df9b029337c: [css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.">dbaron@7313</a> </td> <td class="lineno"> <a href="#l228" id="l228"> 228</a> </td> <td class="source"> For information on how to avoid content that can lead to seizures, see </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-transitions/Overview.bs#l199" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l229" id="l229"> 229</a> </td> <td class="source"> <a href="https://www.w3.org/TR/WCAG20/#seizure">Guideline 2.3: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5df9b029337c/css3-transitions/Overview.src.html#l184" title="5df9b029337c: [css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.">dbaron@7313</a> </td> <td class="lineno"> <a href="#l230" id="l230"> 230</a> </td> <td class="source"> Seizures: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5df9b029337c/css3-transitions/Overview.src.html#l185" title="5df9b029337c: [css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.">dbaron@7313</a> </td> <td class="lineno"> <a href="#l231" id="l231"> 231</a> </td> <td class="source"> Do not design content in a way that is known to cause seizures</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5df9b029337c/css3-transitions/Overview.src.html#l186" title="5df9b029337c: [css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.">dbaron@7313</a> </td> <td class="lineno"> <a href="#l232" id="l232"> 232</a> </td> <td class="source"> ([[WCAG20]]). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5df9b029337c/css3-transitions/Overview.src.html#l187" title="5df9b029337c: [css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.">dbaron@7313</a> </td> <td class="lineno"> <a href="#l233" id="l233"> 233</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5df9b029337c/css3-transitions/Overview.src.html#l188" title="5df9b029337c: [css3-animations][css3-transitions] Add warning about dynamic content causing seizures, with link to WCAG.">dbaron@7313</a> </td> <td class="lineno"> <a href="#l234" id="l234"> 234</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l210" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l235" id="l235"> 235</a> </td> <td class="source"><span id="the-transition-property-property-">The 'transition-property' Property</span> {#transition-property-property} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l211" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l236" id="l236"> 236</a> </td> <td class="source">---------------------------------------------------------------------------------------------------------------------- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l212" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l237" id="l237"> 237</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l128" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l238" id="l238"> 238</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l184" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l239" id="l239"> 239</a> </td> <td class="source"> The 'transition-property' property specifies the name of the CSS property to which the transition is applied. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l130" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l240" id="l240"> 240</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l153" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l241" id="l241"> 241</a> </td> <td class="source"> <pre class="propdef"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l154" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l242" id="l242"> 242</a> </td> <td class="source"> Name: transition-property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l264" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l243" id="l243"> 243</a> </td> <td class="source"> Value: none | <<single-transition-property>># </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l265" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l244" id="l244"> 244</a> </td> <td class="source"> Initial: all </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l266" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l245" id="l245"> 245</a> </td> <td class="source"> Applies to: all elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l158" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l246" id="l246"> 246</a> </td> <td class="source"> Inherited: no </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l160" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l247" id="l247"> 247</a> </td> <td class="source"> Percentages: N/A </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l269" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l248" id="l248"> 248</a> </td> <td class="source"> Computed value: the keyword ''transition-property/none'' else a list of identifiers </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l270" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l249" id="l249"> 249</a> </td> <td class="source"> Animation type: not animatable </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l164" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l250" id="l250"> 250</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l202" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l251" id="l251"> 251</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l274" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l252" id="l252"> 252</a> </td> <td class="source"> <div class="prod"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a0609c413ed9/css-transitions-1/Overview.bs#l253" title="a0609c413ed9: [css-transitions-1] Remove trailing semicolon. Fixes #5592">jackalmage@25974</a> </td> <td class="lineno"> <a href="#l253" id="l253"> 253</a> </td> <td class="source"> <dfn type id="single-transition-property">&lt;single-transition-property&gt;</dfn> = ''transition-property/all'' | <<custom-ident>> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l276" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l254" id="l254"> 254</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l277" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l255" id="l255"> 255</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l203" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l256" id="l256"> 256</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l240" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l257" id="l257"> 257</a> </td> <td class="source"> A value of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l241" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l258" id="l258"> 258</a> </td> <td class="source"> <dfn value for="transition-property">none</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l242" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l259" id="l259"> 259</a> </td> <td class="source"> means that no property will transition. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ee35b5ee5ded/css3-transitions/Overview.src.html#l245" title="ee35b5ee5ded: Allow 'all' within the list in transition-property, as resolved in http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html . Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .">dbaron@4537</a> </td> <td class="lineno"> <a href="#l260" id="l260"> 260</a> </td> <td class="source"> Otherwise, a list of properties to be transitioned, or the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l244" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l261" id="l261"> 261</a> </td> <td class="source"> keyword <dfn value for="transition-property">all</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l245" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l262" id="l262"> 262</a> </td> <td class="source"> which indicates that all properties are to be </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ee35b5ee5ded/css3-transitions/Overview.src.html#l247" title="ee35b5ee5ded: Allow 'all' within the list in transition-property, as resolved in http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html . Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .">dbaron@4537</a> </td> <td class="lineno"> <a href="#l263" id="l263"> 263</a> </td> <td class="source"> transitioned, is given. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l208" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l264" id="l264"> 264</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l209" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l265" id="l265"> 265</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l259" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l266" id="l266"> 266</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l260" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l267" id="l267"> 267</a> </td> <td class="source"> If one of the identifiers listed is not a recognized property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l254" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l268" id="l268"> 268</a> </td> <td class="source"> name, the implementation must </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l262" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l269" id="l269"> 269</a> </td> <td class="source"> still start transitions on the animatable properties in the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l263" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l270" id="l270"> 270</a> </td> <td class="source"> list using the duration, delay, and timing function at their </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l264" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l271" id="l271"> 271</a> </td> <td class="source"> respective indices in the lists for 'transition-duration', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l265" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l272" id="l272"> 272</a> </td> <td class="source"> 'transition-delay', and 'transition-timing-function'. In other </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l259" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l273" id="l273"> 273</a> </td> <td class="source"> words, unrecognized properties must be kept in </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l267" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l274" id="l274"> 274</a> </td> <td class="source"> the list to preserve the matching of indices. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l268" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l275" id="l275"> 275</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ea66fed14ca7/css3-transitions/Overview.src.html#l295" title="ea66fed14ca7: [css3-transitions] 'none', 'inherit', and 'initial' are not allowed within a length > 1 list of values of 'transition-property'">dbaron@7298</a> </td> <td class="lineno"> <a href="#l276" id="l276"> 276</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ea66fed14ca7/css3-transitions/Overview.src.html#l296" title="ea66fed14ca7: [css3-transitions] 'none', 'inherit', and 'initial' are not allowed within a length > 1 list of values of 'transition-property'">dbaron@7298</a> </td> <td class="lineno"> <a href="#l277" id="l277"> 277</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6e8c5714d3f1/css-transitions/Overview.bs#l261" title="6e8c5714d3f1: [css-transitions] Define accepted identifiers for transition-property in terms of custom-ident.">dbaron@15092</a> </td> <td class="lineno"> <a href="#l278" id="l278"> 278</a> </td> <td class="source"> The <<custom-ident>> production in <<single-transition-property>> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l194" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l279" id="l279"> 279</a> </td> <td class="source"> also excludes the keyword ''transition-property/none'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6e8c5714d3f1/css-transitions/Overview.bs#l263" title="6e8c5714d3f1: [css-transitions] Define accepted identifiers for transition-property in terms of custom-ident.">dbaron@15092</a> </td> <td class="lineno"> <a href="#l280" id="l280"> 280</a> </td> <td class="source"> in addition to the keywords always excluded from <<custom-ident>>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l196" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l281" id="l281"> 281</a> </td> <td class="source"> This means that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l197" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l282" id="l282"> 282</a> </td> <td class="source"> ''transition-property/none'', ''inherit'', and ''initial'' are not </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ea66fed14ca7/css3-transitions/Overview.src.html#l298" title="ea66fed14ca7: [css3-transitions] 'none', 'inherit', and 'initial' are not allowed within a length > 1 list of values of 'transition-property'">dbaron@7298</a> </td> <td class="lineno"> <a href="#l283" id="l283"> 283</a> </td> <td class="source"> permitted as items within a list of more that one identifier; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ea66fed14ca7/css3-transitions/Overview.src.html#l299" title="ea66fed14ca7: [css3-transitions] 'none', 'inherit', and 'initial' are not allowed within a length > 1 list of values of 'transition-property'">dbaron@7298</a> </td> <td class="lineno"> <a href="#l284" id="l284"> 284</a> </td> <td class="source"> any list that uses them is syntactically invalid. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l272" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l285" id="l285"> 285</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ea66fed14ca7/css3-transitions/Overview.src.html#l304" title="ea66fed14ca7: [css3-transitions] 'none', 'inherit', and 'initial' are not allowed within a length > 1 list of values of 'transition-property'">dbaron@7298</a> </td> <td class="lineno"> <a href="#l286" id="l286"> 286</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l273" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l287" id="l287"> 287</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l203" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l288" id="l288"> 288</a> </td> <td class="source"> For the keyword ''transition-property/all'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l204" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l289" id="l289"> 289</a> </td> <td class="source"> or if one of the identifiers listed is a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ee35b5ee5ded/css3-transitions/Overview.src.html#l266" title="ee35b5ee5ded: Allow 'all' within the list in transition-property, as resolved in http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html . Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .">dbaron@4537</a> </td> <td class="lineno"> <a href="#l290" id="l290"> 290</a> </td> <td class="source"> shorthand property, implementations must start transitions for </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l277" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l291" id="l291"> 291</a> </td> <td class="source"> all its longhand sub-properties (or, for </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l278" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l292" id="l292"> 292</a> </td> <td class="source"> ''transition-property/all'', all properties), using the duration, delay, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l277" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l293" id="l293"> 293</a> </td> <td class="source"> and timing function at the index corresponding to the shorthand. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l278" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l294" id="l294"> 294</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l279" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l295" id="l295"> 295</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l280" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l296" id="l296"> 296</a> </td> <td class="source"> If a property is specified multiple times in the value of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ee35b5ee5ded/css3-transitions/Overview.src.html#l273" title="ee35b5ee5ded: Allow 'all' within the list in transition-property, as resolved in http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html . Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .">dbaron@4537</a> </td> <td class="lineno"> <a href="#l297" id="l297"> 297</a> </td> <td class="source"> 'transition-property' (either on its own, via a shorthand that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l213" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l298" id="l298"> 298</a> </td> <td class="source"> contains it, or via the ''transition-property/all'' value), then the transition that </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ee35b5ee5ded/css3-transitions/Overview.src.html#l275" title="ee35b5ee5ded: Allow 'all' within the list in transition-property, as resolved in http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html . Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .">dbaron@4537</a> </td> <td class="lineno"> <a href="#l299" id="l299"> 299</a> </td> <td class="source"> starts uses the duration, delay, and timing function at the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ee35b5ee5ded/css3-transitions/Overview.src.html#l276" title="ee35b5ee5ded: Allow 'all' within the list in transition-property, as resolved in http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html . Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .">dbaron@4537</a> </td> <td class="lineno"> <a href="#l300" id="l300"> 300</a> </td> <td class="source"> index corresponding to the <em>last</em> item in the value of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/83f1ace2bb21/css3-transitions/Overview.src.html#l277" title="83f1ace2bb21: Fix wording issue in previous commit pointed out in http://lists.w3.org/Archives/Public/www-style/2012Feb/0799.html .">dbaron@4543</a> </td> <td class="lineno"> <a href="#l301" id="l301"> 301</a> </td> <td class="source"> 'transition-property' that calls for animating that property. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ee35b5ee5ded/css3-transitions/Overview.src.html#l278" title="ee35b5ee5ded: Allow 'all' within the list in transition-property, as resolved in http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html . Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .">dbaron@4537</a> </td> <td class="lineno"> <a href="#l302" id="l302"> 302</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ee35b5ee5ded/css3-transitions/Overview.src.html#l279" title="ee35b5ee5ded: Allow 'all' within the list in transition-property, as resolved in http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html . Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .">dbaron@4537</a> </td> <td class="lineno"> <a href="#l303" id="l303"> 303</a> </td> <td class="source"> <p class="note"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l219" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l304" id="l304"> 304</a> </td> <td class="source"> Note: The ''transition-property/all'' value and 'all' shorthand </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6b5583cd39bb/css3-transitions/Overview.src.html#l322" title="6b5583cd39bb: [css3-transitions] Fix incorrect use of single quotes in preprocessor input, which should only be used for CSS properties.">dbaron@7300</a> </td> <td class="lineno"> <a href="#l305" id="l305"> 305</a> </td> <td class="source"> property work in similar ways, so the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l221" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l306" id="l306"> 306</a> </td> <td class="source"> ''transition-property/all'' value is just like a shorthand that </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ee35b5ee5ded/css3-transitions/Overview.src.html#l283" title="ee35b5ee5ded: Allow 'all' within the list in transition-property, as resolved in http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html . Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .">dbaron@4537</a> </td> <td class="lineno"> <a href="#l307" id="l307"> 307</a> </td> <td class="source"> covers all properties. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l285" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l308" id="l308"> 308</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d40d4cb41761/css3-transitions/Overview.src.html#l286" title="d40d4cb41761: 2009-11-22 dbaron@dbaron.org">dbaron@1543</a> </td> <td class="lineno"> <a href="#l309" id="l309"> 309</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l287" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l310" id="l310"> 310</a> </td> <td class="source"><span id="the-transition-duration-property-">The 'transition-duration' Property</span> {#transition-duration-property} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l288" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l311" id="l311"> 311</a> </td> <td class="source">---------------------------------------------------------------------------------------------------------------------- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l289" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l312" id="l312"> 312</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l220" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l313" id="l313"> 313</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l332" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l314" id="l314"> 314</a> </td> <td class="source"> The 'transition-duration' property defines the length of time that a transition takes. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l222" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l315" id="l315"> 315</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l229" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l316" id="l316"> 316</a> </td> <td class="source"> <pre class="propdef"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l290" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l317" id="l317"> 317</a> </td> <td class="source"> Name: transition-duration </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8560172e5097/css-transitions-1/Overview.bs#l318" title="8560172e5097: Add required unit for dimension in range notation">gui@28571</a> </td> <td class="lineno"> <a href="#l318" id="l318"> 318</a> </td> <td class="source"> Value: <<time [0s,鈭瀅>># </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l235" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l319" id="l319"> 319</a> </td> <td class="source"> Initial: ''0s'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l341" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l320" id="l320"> 320</a> </td> <td class="source"> Applies to: all elements </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l234" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l321" id="l321"> 321</a> </td> <td class="source"> Inherited: no </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l236" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l322" id="l322"> 322</a> </td> <td class="source"> Percentages: N/A </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3572cee95d05/css-transitions-1/Overview.bs#l321" title="3572cee95d05: [css-align-3][css-animations-1][css-animations-2][css-box-3][css-break-3][css-color-3][css-content-3][css-flexbox-1][cssgrid-1][css-images-3][css-images-4][css-inline-3][css-line-grid-1][css-lists-3][css-logical-1][css-overflow-3][css-page-3][css-page-floats-3][css-position-3][css-rhythm-1][css-round-display-1][css-ruby-1][css-scroll-snap-1][css-sizing-3][css-tables-3][css-text-3][css-text-4][css-text-decor-3][css-text-decor-4] Clean up Computed value and Animation type lines in propdef tables. 1st pass; CV lines might need some better wording tweaks.">fantasai@21763</a> </td> <td class="lineno"> <a href="#l323" id="l323"> 323</a> </td> <td class="source"> Computed value: list, each item a duration </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l345" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l324" id="l324"> 324</a> </td> <td class="source"> Animation type: not animatable </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l240" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l325" id="l325"> 325</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l291" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l326" id="l326"> 326</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l419" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l327" id="l327"> 327</a> </td> <td class="source"> This property specifies how long the transition from the old value to the new value should take. By default the value is ''0s'', meaning that the transition is immediate (i.e. there will be no animation). A negative value for 'transition-duration' renders the declaration invalid. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l293" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l328" id="l328"> 328</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l294" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l329" id="l329"> 329</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l309" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l330" id="l330"> 330</a> </td> <td class="source"><span id="transition-timing-function_tag">The 'transition-timing-function' Property</span> {#transition-timing-function-property} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l310" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l331" id="l331"> 331</a> </td> <td class="source">--------------------------------------------------------------------------------------------------------------------------------- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l297" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l332" id="l332"> 332</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l301" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l333" id="l333"> 333</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l429" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l334" id="l334"> 334</a> </td> <td class="source"> The 'transition-timing-function' property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l303" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l335" id="l335"> 335</a> </td> <td class="source"> describes how the intermediate values used during a transition will be </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l304" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l336" id="l336"> 336</a> </td> <td class="source"> calculated. It allows for a transition to change speed over its </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l305" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l337" id="l337"> 337</a> </td> <td class="source"> duration. These effects are commonly called <em>easing</em> functions. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l308" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l338" id="l338"> 338</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l309" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l339" id="l339"> 339</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9beee45f352e/css-transitions-1/Overview.bs#l326" title="9beee45f352e: [css-transitions-1][css-animations-1][web-animations-1] Update links to renamed CSS Easing Functions">birtles@21882</a> </td> <td class="lineno"> <a href="#l340" id="l340"> 340</a> </td> <td class="source"> Timing functions are defined in the separate CSS Easing Functions module </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9beee45f352e/css-transitions-1/Overview.bs#l327" title="9beee45f352e: [css-transitions-1][css-animations-1][web-animations-1] Update links to renamed CSS Easing Functions">birtles@21882</a> </td> <td class="lineno"> <a href="#l341" id="l341"> 341</a> </td> <td class="source"> [[!css-easing-1]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9beee45f352e/css-transitions-1/Overview.bs#l328" title="9beee45f352e: [css-transitions-1][css-animations-1][web-animations-1] Update links to renamed CSS Easing Functions">birtles@21882</a> </td> <td class="lineno"> <a href="#l342" id="l342"> 342</a> </td> <td class="source"> The <a spec=css-easing>input progress value</a> used is the percentage </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9beee45f352e/css-transitions-1/Overview.bs#l329" title="9beee45f352e: [css-transitions-1][css-animations-1][web-animations-1] Update links to renamed CSS Easing Functions">birtles@21882</a> </td> <td class="lineno"> <a href="#l343" id="l343"> 343</a> </td> <td class="source"> of the transition duration, and the <a spec=css-easing>output progress </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l330" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l344" id="l344"> 344</a> </td> <td class="source"> value</a> is used as the <var>p</var> value when [=interpolating=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l331" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l345" id="l345"> 345</a> </td> <td class="source"> the property value (see [[#application]]). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l333" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l346" id="l346"> 346</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l320" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l347" id="l347"> 347</a> </td> <td class="source"> <pre class="propdef"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l381" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l348" id="l348"> 348</a> </td> <td class="source"> Name: transition-timing-function </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/aa404a9e6bf9/css-transitions-1/Overview.bs#l336" title="aa404a9e6bf9: [css-animations] [css-transitions] [css-values] easing (#3922)">ewilligers@23329</a> </td> <td class="lineno"> <a href="#l349" id="l349"> 349</a> </td> <td class="source"> Value: <<easing-function>># </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l326" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l350" id="l350"> 350</a> </td> <td class="source"> Initial: ''transition-timing-function/ease'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l372" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l351" id="l351"> 351</a> </td> <td class="source"> Applies to: all elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l325" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l352" id="l352"> 352</a> </td> <td class="source"> Inherited: no </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l327" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l353" id="l353"> 353</a> </td> <td class="source"> Percentages: N/A </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l375" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l354" id="l354"> 354</a> </td> <td class="source"> Computed value: as specified </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l376" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l355" id="l355"> 355</a> </td> <td class="source"> Animation type: not animatable </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l331" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l356" id="l356"> 356</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l448" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l357" id="l357"> 357</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/12d32649a91f/css-transitions/Overview.bs#l467" title="12d32649a91f: [css-transitions] Specify serialization for timing functions">birtles@18067</a> </td> <td class="lineno"> <a href="#l358" id="l358"> 358</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l449" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l359" id="l359"> 359</a> </td> <td class="source"><span id="the-transition-delay-property-">The 'transition-delay' Property</span> {#transition-delay-property} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l450" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l360" id="l360"> 360</a> </td> <td class="source">------------------------------------------------------------------------------------------------------------- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l451" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l361" id="l361"> 361</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l450" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l362" id="l362"> 362</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b190ac1d4b1f/css-transitions-1/Overview.bs#l363" title="b190ac1d4b1f: [css-transitions-1] Double word "some"">nschonni@26670</a> </td> <td class="lineno"> <a href="#l363" id="l363"> 363</a> </td> <td class="source"> The 'transition-delay' property defines when the transition will start. It allows a transition to begin execution after some period of time from when it is applied. A 'transition-delay' value of ''0s'' means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l452" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l364" id="l364"> 364</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l453" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l365" id="l365"> 365</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l661" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l366" id="l366"> 366</a> </td> <td class="source"> If the value for 'transition-delay' is a negative time offset then the transition will execute the moment the property is changed, but will appear to have begun execution at the specified offset. That is, the transition will appear to begin part-way through its play cycle. In the case where a transition has implied starting values and a negative 'transition-delay', the starting values are taken from the moment the property is changed. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l455" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l367" id="l367"> 367</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l396" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l368" id="l368"> 368</a> </td> <td class="source"> <pre class="propdef"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l457" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l369" id="l369"> 369</a> </td> <td class="source"> Name: transition-delay </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l391" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l370" id="l370"> 370</a> </td> <td class="source"> Value: <<time>># </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9420c21ad520/css-transitions/Overview.bs#l402" title="9420c21ad520: [css-transitions] Better hyperlinking for property values.">dbaron@15105</a> </td> <td class="lineno"> <a href="#l371" id="l371"> 371</a> </td> <td class="source"> Initial: ''0s'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l393" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l372" id="l372"> 372</a> </td> <td class="source"> Applies to: all elements </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l401" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l373" id="l373"> 373</a> </td> <td class="source"> Inherited: no </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l403" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l374" id="l374"> 374</a> </td> <td class="source"> Percentages: N/A </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3572cee95d05/css-transitions-1/Overview.bs#l373" title="3572cee95d05: [css-align-3][css-animations-1][css-animations-2][css-box-3][css-break-3][css-color-3][css-content-3][css-flexbox-1][cssgrid-1][css-images-3][css-images-4][css-inline-3][css-line-grid-1][css-lists-3][css-logical-1][css-overflow-3][css-page-3][css-page-floats-3][css-position-3][css-rhythm-1][css-round-display-1][css-ruby-1][css-scroll-snap-1][css-sizing-3][css-tables-3][css-text-3][css-text-4][css-text-decor-3][css-text-decor-4] Clean up Computed value and Animation type lines in propdef tables. 1st pass; CV lines might need some better wording tweaks.">fantasai@21763</a> </td> <td class="lineno"> <a href="#l375" id="l375"> 375</a> </td> <td class="source"> Computed value: list, each item a duration </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l397" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l376" id="l376"> 376</a> </td> <td class="source"> Animation type: not animatable </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l469" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l377" id="l377"> 377</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l470" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l378" id="l378"> 378</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l471" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l379" id="l379"> 379</a> </td> <td class="source"><span id="the-transition-shorthand-property-">The 'transition' Shorthand Property</span> {#transition-shorthand-property} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l472" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l380" id="l380"> 380</a> </td> <td class="source">------------------------------------------------------------------------------------------------------------------------- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l473" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l381" id="l381"> 381</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l527" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l382" id="l382"> 382</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3249d55edb05/css3-transitions/Overview.src.html#l751" title="3249d55edb05: [css3-transitions] Clean up excess code elements to make the formatting more consistent (and generated by the preprocessor).">dbaron@7301</a> </td> <td class="lineno"> <a href="#l383" id="l383"> 383</a> </td> <td class="source"> The 'transition' shorthand property combines the four properties described above into a single property. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l529" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l384" id="l384"> 384</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l406" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l385" id="l385"> 385</a> </td> <td class="source"> <pre class="propdef shorthand"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l475" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l386" id="l386"> 386</a> </td> <td class="source"> Name: transition </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l408" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l387" id="l387"> 387</a> </td> <td class="source"> Value: <<single-transition>># </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l409" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l388" id="l388"> 388</a> </td> <td class="source"> Applies to: all elements </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l419" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l389" id="l389"> 389</a> </td> <td class="source"> Inherited: no </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l421" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l390" id="l390"> 390</a> </td> <td class="source"> Percentages: N/A </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d76874515c2/css-transitions-1/Overview.bs#l413" title="0d76874515c2: [css-transitions-1] Update propdef tables to new format">fantasai@21751</a> </td> <td class="lineno"> <a href="#l391" id="l391"> 391</a> </td> <td class="source"> Animation type: not animatable </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4f6fa08e24f5/css-transitions/Overview.bs#l425" title="4f6fa08e24f5: [css-transitions] Use bikeshed's propdef table shortcuts.">dbaron@15103</a> </td> <td class="lineno"> <a href="#l392" id="l392"> 392</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d931a69e6d7c/css3-transitions/Overview.src.html#l646" title="d931a69e6d7c: 2009-11-17 dino@apple.com">dino@1531</a> </td> <td class="lineno"> <a href="#l393" id="l393"> 393</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l832" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l394" id="l394"> 394</a> </td> <td class="source"> <div class="prod"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/aa404a9e6bf9/css-transitions-1/Overview.bs#l383" title="aa404a9e6bf9: [css-animations] [css-transitions] [css-values] easing (#3922)">ewilligers@23329</a> </td> <td class="lineno"> <a href="#l395" id="l395"> 395</a> </td> <td class="source"> <dfn type id="single-transition">&lt;single-transition&gt;</dfn> = [ ''transition-property/none'' | <<single-transition-property>> ] || <<time>> || <<easing-function>> || <<time>> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l834" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l396" id="l396"> 396</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l835" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l397" id="l397"> 397</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l836" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l398" id="l398"> 398</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l837" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l399" id="l399"> 399</a> </td> <td class="source"> Note that order is important within the items in this property: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l838" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l400" id="l400"> 400</a> </td> <td class="source"> the first value that can be parsed as a time is assigned to the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l839" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l401" id="l401"> 401</a> </td> <td class="source"> transition-duration, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l840" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l402" id="l402"> 402</a> </td> <td class="source"> and the second value that can be parsed as a time is assigned to </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l841" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l403" id="l403"> 403</a> </td> <td class="source"> transition-delay. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l842" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l404" id="l404"> 404</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l843" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l405" id="l405"> 405</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l850" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l406" id="l406"> 406</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l797" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l407" id="l407"> 407</a> </td> <td class="source"> If there is more than one <<single-transition>> in the shorthand, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l852" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l408" id="l408"> 408</a> </td> <td class="source"> and any of the transitions has </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/870388d96219/css-transitions/Overview.bs#l504" title="870388d96219: [css-transitions] There's now something to link to for box-shadow: none, so link to it.">dbaron@17078</a> </td> <td class="lineno"> <a href="#l409" id="l409"> 409</a> </td> <td class="source"> ''transition-property/none'' as the <<single-transition-property>>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l854" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l410" id="l410"> 410</a> </td> <td class="source"> then the declaration is invalid. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l855" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l411" id="l411"> 411</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l856" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l412" id="l412"> 412</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l509" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l413" id="l413"> 413</a> </td> <td class="source">Starting of transitions {#starting} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l510" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l414" id="l414"> 414</a> </td> <td class="source">=================================== </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/27a6c0f5f893/css3-transitions/Overview.src.html#l652" title="27a6c0f5f893: 2009-11-22 dbaron@dbaron.org">dbaron@1540</a> </td> <td class="lineno"> <a href="#l415" id="l415"> 415</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/27a6c0f5f893/css3-transitions/Overview.src.html#l653" title="27a6c0f5f893: 2009-11-22 dbaron@dbaron.org">dbaron@1540</a> </td> <td class="lineno"> <a href="#l416" id="l416"> 416</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l505" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l417" id="l417"> 417</a> </td> <td class="source"> Implementations must maintain a set of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l512" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l418" id="l418"> 418</a> </td> <td class="source"> <dfn export lt="running transition">running transitions</dfn>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l875" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l419" id="l419"> 419</a> </td> <td class="source"> each of which applies to a specific element and non-shorthand </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l876" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l420" id="l420"> 420</a> </td> <td class="source"> property. Each of these transitions also has a </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l515" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l421" id="l421"> 421</a> </td> <td class="source"> <dfn export for="transition">start time</dfn>, <dfn export for="transition">end time</dfn>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l516" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l422" id="l422"> 422</a> </td> <td class="source"> <dfn export for="transition">start value</dfn>, <dfn export for="transition">end value</dfn>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l517" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l423" id="l423"> 423</a> </td> <td class="source"> <dfn export for="transition">reversing-adjusted start value</dfn>, and <dfn export for="transition">reversing shortening factor</dfn>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l880" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l424" id="l424"> 424</a> </td> <td class="source"> Transitions are added to this set as described in this section, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l881" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l425" id="l425"> 425</a> </td> <td class="source"> and are removed from this set </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l816" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l426" id="l426"> 426</a> </td> <td class="source"> when they <a>complete</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l521" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l427" id="l427"> 427</a> </td> <td class="source"> or when implementations are required to <dfn export for="transition">cancel</dfn> them. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l516" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l428" id="l428"> 428</a> </td> <td class="source"> <span class="note"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l517" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l429" id="l429"> 429</a> </td> <td class="source"> For the rationale behind the <a>reversing-adjusted start value</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l518" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l430" id="l430"> 430</a> </td> <td class="source"> and <a>reversing shortening factor</a>, see [[#reversing]]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l519" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l431" id="l431"> 431</a> </td> <td class="source"> </span> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l520" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l432" id="l432"> 432</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l521" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l433" id="l433"> 433</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l522" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l434" id="l434"> 434</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l523" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l435" id="l435"> 435</a> </td> <td class="source"> Implementations must also maintain a set of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l530" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l436" id="l436"> 436</a> </td> <td class="source"> <dfn export lt="completed transition">completed transitions</dfn>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l525" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l437" id="l437"> 437</a> </td> <td class="source"> each of which </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-transitions/Overview.bs#l527" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l438" id="l438"> 438</a> </td> <td class="source"> (like <a>running transitions</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l527" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l439" id="l439"> 439</a> </td> <td class="source"> applies to a specific element and non-shorthand property. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l528" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l440" id="l440"> 440</a> </td> <td class="source"> <span class="note"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l529" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l441" id="l441"> 441</a> </td> <td class="source"> This specification maintains the invariant that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l530" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l442" id="l442"> 442</a> </td> <td class="source"> there is never both a <a>running transition</a> and </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l531" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l443" id="l443"> 443</a> </td> <td class="source"> a <a>completed transition</a> for the same property and element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l532" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l444" id="l444"> 444</a> </td> <td class="source"> </span> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l533" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l445" id="l445"> 445</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l534" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l446" id="l446"> 446</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53d3e83da4ce/css-transitions/Overview.bs#l536" title="53d3e83da4ce: [css-transitions] Have clearer wording about elements not in the document, rather than trying to define them as not having computed style.">dbaron@15195</a> </td> <td class="lineno"> <a href="#l447" id="l447"> 447</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53d3e83da4ce/css-transitions/Overview.bs#l537" title="53d3e83da4ce: [css-transitions] Have clearer wording about elements not in the document, rather than trying to define them as not having computed style.">dbaron@15195</a> </td> <td class="lineno"> <a href="#l448" id="l448"> 448</a> </td> <td class="source"> If an element is no longer in the document, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l584" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l449" id="l449"> 449</a> </td> <td class="source"> implementations must <a>cancel</a> any <a>running transitions</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l585" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l450" id="l450"> 450</a> </td> <td class="source"> on it and remove transitions on it from the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53d3e83da4ce/css-transitions/Overview.bs#l540" title="53d3e83da4ce: [css-transitions] Have clearer wording about elements not in the document, rather than trying to define them as not having computed style.">dbaron@15195</a> </td> <td class="lineno"> <a href="#l451" id="l451"> 451</a> </td> <td class="source"> <a>completed transitions</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53d3e83da4ce/css-transitions/Overview.bs#l541" title="53d3e83da4ce: [css-transitions] Have clearer wording about elements not in the document, rather than trying to define them as not having computed style.">dbaron@15195</a> </td> <td class="lineno"> <a href="#l452" id="l452"> 452</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53d3e83da4ce/css-transitions/Overview.bs#l542" title="53d3e83da4ce: [css-transitions] Have clearer wording about elements not in the document, rather than trying to define them as not having computed style.">dbaron@15195</a> </td> <td class="lineno"> <a href="#l453" id="l453"> 453</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l535" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l454" id="l454"> 454</a> </td> <td class="source"> <div class="note"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l536" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l455" id="l455"> 455</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l537" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l456" id="l456"> 456</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l534" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l457" id="l457"> 457</a> </td> <td class="source"> This set of completed transitions </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l535" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l458" id="l458"> 458</a> </td> <td class="source"> needs to be maintained </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l536" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l459" id="l459"> 459</a> </td> <td class="source"> in order to prevent </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l537" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l460" id="l460"> 460</a> </td> <td class="source"> transitions from repeating themselves in certain cases, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l538" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l461" id="l461"> 461</a> </td> <td class="source"> i.e., to maintain the invariant </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l539" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l462" id="l462"> 462</a> </td> <td class="source"> that this specification tries to maintain </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l540" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l463" id="l463"> 463</a> </td> <td class="source"> that unrelated style changes do not trigger transitions. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l545" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l464" id="l464"> 464</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l543" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l465" id="l465"> 465</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l547" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l466" id="l466"> 466</a> </td> <td class="source"> <p class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l548" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l467" id="l467"> 467</a> </td> <td class="source"> An example where maintaining the set of completed transitions </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l549" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l468" id="l468"> 468</a> </td> <td class="source"> is necessary would be a transition on </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l550" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l469" id="l469"> 469</a> </td> <td class="source"> an inherited property, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l551" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l470" id="l470"> 470</a> </td> <td class="source"> where the parent specifies a transition of that property for </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l552" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l471" id="l471"> 471</a> </td> <td class="source"> a longer duration (say, ''transition: 4s text-indent'') </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l553" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l472" id="l472"> 472</a> </td> <td class="source"> and a child element that inherits the parent's value specifies </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l554" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l473" id="l473"> 473</a> </td> <td class="source"> a transition of the same property for a shorter duration </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l555" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l474" id="l474"> 474</a> </td> <td class="source"> (say, ''transition: 1s text-indent''). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l556" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l475" id="l475"> 475</a> </td> <td class="source"> Without the maintenance of this set of completed transitions, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l557" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l476" id="l476"> 476</a> </td> <td class="source"> implementations could start additional transitions on the child </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l558" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l477" id="l477"> 477</a> </td> <td class="source"> after the initial 1 second transition on the child completes. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l559" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l478" id="l478"> 478</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l560" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l479" id="l479"> 479</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d2c4a7ca9b0/css-transitions/Overview.bs#l561" title="0d2c4a7ca9b0: [css-transitions] Put example inside note, to make it clearer what the example is of.">dbaron@15109</a> </td> <td class="lineno"> <a href="#l480" id="l480"> 480</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l885" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l481" id="l481"> 481</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l886" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l482" id="l482"> 482</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l572" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l483" id="l483"> 483</a> </td> <td class="source"> Various things can cause the <a>computed values</a> of properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l573" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l484" id="l484"> 484</a> </td> <td class="source"> on an element to change. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l920" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l485" id="l485"> 485</a> </td> <td class="source"> These include </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l921" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l486" id="l486"> 486</a> </td> <td class="source"> insertion and removal of elements from the document tree </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l576" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l487" id="l487"> 487</a> </td> <td class="source"> (which both changes whether those elements have <a>computed values</a> and </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l923" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l488" id="l488"> 488</a> </td> <td class="source"> can change the styles of other elements through selector matching), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l924" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l489" id="l489"> 489</a> </td> <td class="source"> changes to the document tree that cause </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l925" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l490" id="l490"> 490</a> </td> <td class="source"> changes to which selectors match elements, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l926" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l491" id="l491"> 491</a> </td> <td class="source"> changes to style sheets or style attributes, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l927" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l492" id="l492"> 492</a> </td> <td class="source"> and other things. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l582" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l493" id="l493"> 493</a> </td> <td class="source"> This specification does not define when <a>computed values</a> are updated, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e24fe4941c41/css-transitions/Overview.bs#l579" title="e24fe4941c41: [css-transitions] Partially define when computed values change by saying that computed values have to change before the change is presented/displayed/used.">dbaron@15191</a> </td> <td class="lineno"> <a href="#l494" id="l494"> 494</a> </td> <td class="source"> beyond saying that implementations must not </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e24fe4941c41/css-transitions/Overview.bs#l580" title="e24fe4941c41: [css-transitions] Partially define when computed values change by saying that computed values have to change before the change is presented/displayed/used.">dbaron@15191</a> </td> <td class="lineno"> <a href="#l495" id="l495"> 495</a> </td> <td class="source"> use, present, or display something resulting from the CSS </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e24fe4941c41/css-transitions/Overview.bs#l581" title="e24fe4941c41: [css-transitions] Partially define when computed values change by saying that computed values have to change before the change is presented/displayed/used.">dbaron@15191</a> </td> <td class="lineno"> <a href="#l496" id="l496"> 496</a> </td> <td class="source"> cascading, value computation, and inheritance process [[!CSS3CASCADE]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l586" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l497" id="l497"> 497</a> </td> <td class="source"> without updating the <a>computed value</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e24fe4941c41/css-transitions/Overview.bs#l583" title="e24fe4941c41: [css-transitions] Partially define when computed values change by saying that computed values have to change before the change is presented/displayed/used.">dbaron@15191</a> </td> <td class="lineno"> <a href="#l498" id="l498"> 498</a> </td> <td class="source"> (which means merely that implementations cannot avoid </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e24fe4941c41/css-transitions/Overview.bs#l584" title="e24fe4941c41: [css-transitions] Partially define when computed values change by saying that computed values have to change before the change is presented/displayed/used.">dbaron@15191</a> </td> <td class="lineno"> <a href="#l499" id="l499"> 499</a> </td> <td class="source"> meeting requirements of this specification </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l589" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l500" id="l500"> 500</a> </td> <td class="source"> by claiming not to have updated the <a>computed value</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e24fe4941c41/css-transitions/Overview.bs#l586" title="e24fe4941c41: [css-transitions] Partially define when computed values change by saying that computed values have to change before the change is presented/displayed/used.">dbaron@15191</a> </td> <td class="lineno"> <a href="#l501" id="l501"> 501</a> </td> <td class="source"> as part of handling a style change). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l929" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l502" id="l502"> 502</a> </td> <td class="source"> However, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l592" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l503" id="l503"> 503</a> </td> <td class="source"> when an implementation updates the <a>computed value</a> of a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l593" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l504" id="l504"> 504</a> </td> <td class="source"> property on an element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l931" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l505" id="l505"> 505</a> </td> <td class="source"> to reflect one of these changes, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l595" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l506" id="l506"> 506</a> </td> <td class="source"> or computes the <a>computed value</a> of a property on an element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53d3e83da4ce/css-transitions/Overview.bs#l595" title="53d3e83da4ce: [css-transitions] Have clearer wording about elements not in the document, rather than trying to define them as not having computed style.">dbaron@15195</a> </td> <td class="lineno"> <a href="#l507" id="l507"> 507</a> </td> <td class="source"> newly added to the document, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l597" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l508" id="l508"> 508</a> </td> <td class="source"> it must update the <a>computed value</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l598" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l509" id="l509"> 509</a> </td> <td class="source"> for all properties and elements to reflect all </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l933" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l510" id="l510"> 510</a> </td> <td class="source"> of these changes at the same time </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l934" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l511" id="l511"> 511</a> </td> <td class="source"> (or at least it must be undetectable that it was done at a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l935" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l512" id="l512"> 512</a> </td> <td class="source"> different time). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l936" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l513" id="l513"> 513</a> </td> <td class="source"> This processing of a set of simultaneous style changes is called a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l608" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l514" id="l514"> 514</a> </td> <td class="source"> <dfn export>style change event</dfn>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l844" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l515" id="l515"> 515</a> </td> <td class="source"> (Implementations typically have a <a>style change event</a> to </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l939" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l516" id="l516"> 516</a> </td> <td class="source"> correspond with their desired screen refresh rate, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l606" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l517" id="l517"> 517</a> </td> <td class="source"> and when up-to-date computed style or layout information is needed </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l941" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l518" id="l518"> 518</a> </td> <td class="source"> for a script API that depends on it.) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l942" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l519" id="l519"> 519</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l943" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l520" id="l520"> 520</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l944" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l521" id="l521"> 521</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l945" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l522" id="l522"> 522</a> </td> <td class="source"> Since this specification does not define </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l852" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l523" id="l523"> 523</a> </td> <td class="source"> when a <a>style change event</a> occurs, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l947" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l524" id="l524"> 524</a> </td> <td class="source"> and thus what changes to computed values are considered simultaneous, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l948" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l525" id="l525"> 525</a> </td> <td class="source"> authors should be aware that changing any of the transition </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l949" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l526" id="l526"> 526</a> </td> <td class="source"> properties a small amount of time after making a change that </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l950" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l527" id="l527"> 527</a> </td> <td class="source"> might transition can result in behavior that varies between </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l951" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l528" id="l528"> 528</a> </td> <td class="source"> implementations, since the changes might be considered </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l952" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l529" id="l529"> 529</a> </td> <td class="source"> simultaneous in some implementations but not others. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l953" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l530" id="l530"> 530</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l954" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l531" id="l531"> 531</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l955" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l532" id="l532"> 532</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l862" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l533" id="l533"> 533</a> </td> <td class="source"> When a <a>style change event</a> occurs, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l957" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l534" id="l534"> 534</a> </td> <td class="source"> implementations must start transitions based on </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l624" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l535" id="l535"> 535</a> </td> <td class="source"> the <a>computed values</a> that changed in that event. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53d3e83da4ce/css-transitions/Overview.bs#l623" title="53d3e83da4ce: [css-transitions] Have clearer wording about elements not in the document, rather than trying to define them as not having computed style.">dbaron@15195</a> </td> <td class="lineno"> <a href="#l536" id="l536"> 536</a> </td> <td class="source"> If an element is not in the document during that </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/22c1ec7d629a/css-transitions/Overview.bs#l570" title="22c1ec7d629a: Clarify that the after-change style does not include updates to CSS Animations (#1666)">birtles@19660</a> </td> <td class="lineno"> <a href="#l537" id="l537"> 537</a> </td> <td class="source"> style change event or was not in the document during </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53d3e83da4ce/css-transitions/Overview.bs#l625" title="53d3e83da4ce: [css-transitions] Have clearer wording about elements not in the document, rather than trying to define them as not having computed style.">dbaron@15195</a> </td> <td class="lineno"> <a href="#l538" id="l538"> 538</a> </td> <td class="source"> the previous style change event, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l961" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l539" id="l539"> 539</a> </td> <td class="source"> then transitions are not started for that element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l962" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l540" id="l540"> 540</a> </td> <td class="source"> in that style change event. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l963" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l541" id="l541"> 541</a> </td> <td class="source"> Otherwise, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l636" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l542" id="l542"> 542</a> </td> <td class="source"> define the <dfn export>before-change style</dfn> as </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l632" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l543" id="l543"> 543</a> </td> <td class="source"> the <a>computed values</a> of all properties on the element as of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l872" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l544" id="l544"> 544</a> </td> <td class="source"> the previous <a>style change event</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l967" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l545" id="l545"> 545</a> </td> <td class="source"> except with any styles derived from declarative </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l968" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l546" id="l546"> 546</a> </td> <td class="source"> animations such as CSS Transitions, CSS Animations </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l969" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l547" id="l547"> 547</a> </td> <td class="source"> ([[CSS3-ANIMATIONS]]), </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l970" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l548" id="l548"> 548</a> </td> <td class="source"> and SMIL Animations ([[SMIL-ANIMATION]], [[SVG11]]) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l971" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l549" id="l549"> 549</a> </td> <td class="source"> updated to the current time. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l644" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l550" id="l550"> 550</a> </td> <td class="source"> Likewise, define the <dfn export>after-change style</dfn> as </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l640" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l551" id="l551"> 551</a> </td> <td class="source"> the <a>computed values</a> of all properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9b1e0abcb7a9/css-transitions/Overview.bs#l641" title="9b1e0abcb7a9: [css-overflow] Stop trying to use "computed style" as a term for all computed values.">dbaron@15196</a> </td> <td class="lineno"> <a href="#l552" id="l552"> 552</a> </td> <td class="source"> on the element based on the information </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l880" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l553" id="l553"> 553</a> </td> <td class="source"> known at the start of that <a>style change event</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/22c1ec7d629a/css-transitions/Overview.bs#l587" title="22c1ec7d629a: Clarify that the after-change style does not include updates to CSS Animations (#1666)">birtles@19660</a> </td> <td class="lineno"> <a href="#l554" id="l554"> 554</a> </td> <td class="source"> but using the computed values of the 'animation-*' properties from the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/22c1ec7d629a/css-transitions/Overview.bs#l588" title="22c1ec7d629a: Clarify that the after-change style does not include updates to CSS Animations (#1666)">birtles@19660</a> </td> <td class="lineno"> <a href="#l555" id="l555"> 555</a> </td> <td class="source"> <a>before-change style</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/22c1ec7d629a/css-transitions/Overview.bs#l589" title="22c1ec7d629a: Clarify that the after-change style does not include updates to CSS Animations (#1666)">birtles@19660</a> </td> <td class="lineno"> <a href="#l556" id="l556"> 556</a> </td> <td class="source"> excluding any styles from CSS Transitions in the computation, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l997" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l557" id="l557"> 557</a> </td> <td class="source"> and inheriting from </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l883" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l558" id="l558"> 558</a> </td> <td class="source"> the <a>after-change style</a> of the parent. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/22c1ec7d629a/css-transitions/Overview.bs#l592" title="22c1ec7d629a: Clarify that the after-change style does not include updates to CSS Animations (#1666)">birtles@19660</a> </td> <td class="lineno"> <a href="#l559" id="l559"> 559</a> </td> <td class="source"> Note that this means the <a>after-change style</a> does not differ from </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8b4265c1a7d9/css-transitions/Overview.bs#l593" title="8b4265c1a7d9: [css-transitions] Convert to en-US spelling.">dbaron@19662</a> </td> <td class="lineno"> <a href="#l560" id="l560"> 560</a> </td> <td class="source"> the <a>before-change style</a> due to newly created or canceled CSS </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/22c1ec7d629a/css-transitions/Overview.bs#l594" title="22c1ec7d629a: Clarify that the after-change style does not include updates to CSS Animations (#1666)">birtles@19660</a> </td> <td class="lineno"> <a href="#l561" id="l561"> 561</a> </td> <td class="source"> Animations. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3d943f796fee/css-transitions/Overview.src.html#l982" title="3d943f796fee: [css-transitions] Note issue with wording of previous large edit.">dbaron@9406</a> </td> <td class="lineno"> <a href="#l562" id="l562"> 562</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3d943f796fee/css-transitions/Overview.src.html#l983" title="3d943f796fee: [css-transitions] Note issue with wording of previous large edit.">dbaron@9406</a> </td> <td class="lineno"> <a href="#l563" id="l563"> 563</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l980" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l564" id="l564"> 564</a> </td> <td class="source"> <div class="note"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l981" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l565" id="l565"> 565</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l888" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l566" id="l566"> 566</a> </td> <td class="source"> Note that this definition of the <a>after-change style</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l983" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l567" id="l567"> 567</a> </td> <td class="source"> means that a single change </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l984" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l568" id="l568"> 568</a> </td> <td class="source"> can start a transition on the same property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l985" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l569" id="l569"> 569</a> </td> <td class="source"> on both an ancestor element and its descendant element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l986" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l570" id="l570"> 570</a> </td> <td class="source"> This can happen when a property change is inherited </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l987" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l571" id="l571"> 571</a> </td> <td class="source"> from one element with 'transition-*' properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l988" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l572" id="l572"> 572</a> </td> <td class="source"> that say to animate the changing property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l989" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l573" id="l573"> 573</a> </td> <td class="source"> to another element with 'transition-*' properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l990" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l574" id="l574"> 574</a> </td> <td class="source"> that also say to animate the changing property. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l991" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l575" id="l575"> 575</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l992" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l576" id="l576"> 576</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l993" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l577" id="l577"> 577</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l994" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l578" id="l578"> 578</a> </td> <td class="source"> When this happens, both transitions will run, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l995" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l579" id="l579"> 579</a> </td> <td class="source"> and the transition on the descendant will override </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l996" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l580" id="l580"> 580</a> </td> <td class="source"> the transition on the ancestor </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l997" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l581" id="l581"> 581</a> </td> <td class="source"> because of the normal </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l998" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l582" id="l582"> 582</a> </td> <td class="source"> CSS cascading and inheritance rules ([[CSS3CASCADE]]). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l999" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l583" id="l583"> 583</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1000" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l584" id="l584"> 584</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1001" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l585" id="l585"> 585</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1002" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l586" id="l586"> 586</a> </td> <td class="source"> If the transition on the descendant completes before </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1003" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l587" id="l587"> 587</a> </td> <td class="source"> the transition on the ancestor, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1004" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l588" id="l588"> 588</a> </td> <td class="source"> the descendant will then resume inheriting </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1005" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l589" id="l589"> 589</a> </td> <td class="source"> the (still transitioning) value from its parent. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1006" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l590" id="l590"> 590</a> </td> <td class="source"> This effect is likely not a desirable effect, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1007" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l591" id="l591"> 591</a> </td> <td class="source"> but it is essentially doing what the author asked for. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1008" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l592" id="l592"> 592</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1009" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l593" id="l593"> 593</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf51b9779673/css-transitions/Overview.src.html#l1010" title="bf51b9779673: [css-transitions] Add a note explaining that transitions can start on ancestors and descendants at the same time.">dbaron@9079</a> </td> <td class="lineno"> <a href="#l594" id="l594"> 594</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3379bf6d2b39/css-transitions/Overview.src.html#l980" title="3379bf6d2b39: [css-transitions] Describe what the before-style and after-style are when considering whether to start a transition.">dbaron@9077</a> </td> <td class="lineno"> <a href="#l595" id="l595"> 595</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l918" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l596" id="l596"> 596</a> </td> <td class="source"> For each element with a <a>before-change style</a> and </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l919" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l597" id="l597"> 597</a> </td> <td class="source"> an <a>after-change style</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1062" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l598" id="l598"> 598</a> </td> <td class="source"> and each property (other than shorthands), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l688" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l599" id="l599"> 599</a> </td> <td class="source"> define the <dfn export>matching transition-property value</dfn> as </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1015" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l600" id="l600"> 600</a> </td> <td class="source"> the last value in the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l923" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l601" id="l601"> 601</a> </td> <td class="source"> 'transition-property' in the element's <a>after-change style</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1017" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l602" id="l602"> 602</a> </td> <td class="source"> that matches the property, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1066" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l603" id="l603"> 603</a> </td> <td class="source"> as described in </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e2d8477483c9/css-transitions/Overview.bs#l925" title="e2d8477483c9: [css-transitions] Use a section link to fix nested links, one of the regressions from the bikeshed conversion.">dbaron@15097</a> </td> <td class="lineno"> <a href="#l604" id="l604"> 604</a> </td> <td class="source"> [[#transition-property-property]]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1069" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l605" id="l605"> 605</a> </td> <td class="source"> If there is such a value, then corresponding to it, there is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l695" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l606" id="l606"> 606</a> </td> <td class="source"> a <dfn export>matching transition duration</dfn>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l696" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l607" id="l607"> 607</a> </td> <td class="source"> a <dfn export>matching transition delay</dfn>, and </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l697" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l608" id="l608"> 608</a> </td> <td class="source"> a <dfn export>matching transition timing function</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l932" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l609" id="l609"> 609</a> </td> <td class="source"> in the values in the <a>after-change style</a> of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l996" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l610" id="l610"> 610</a> </td> <td class="source"> 'transition-duration', 'transition-delay', and 'transition-timing-function' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7116a6e2728b/css3-transitions/Overview.src.html#l806" title="7116a6e2728b: Mention that we're talking about computed values, per http://lists.w3.org/Archives/Public/www-style/2012Apr/0564.html .">dbaron@5542</a> </td> <td class="lineno"> <a href="#l611" id="l611"> 611</a> </td> <td class="source"> (see <a href="#list-matching">the rules on matching lists</a>). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l701" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l612" id="l612"> 612</a> </td> <td class="source"> Define the <dfn export for="transition">combined duration</dfn> of the transition </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l936" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l613" id="l613"> 613</a> </td> <td class="source"> as the sum of max(<a>matching transition duration</a>, ''0s'') and </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l937" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l614" id="l614"> 614</a> </td> <td class="source"> the <a>matching transition delay</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/55af7083a60d/css3-transitions/Overview.src.html#l809" title="55af7083a60d: Define that transitions don't happen when duration and delay are both 0.">dbaron@5247</a> </td> <td class="lineno"> <a href="#l615" id="l615"> 615</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/55af7083a60d/css3-transitions/Overview.src.html#l810" title="55af7083a60d: Define that transitions don't happen when duration and delay are both 0.">dbaron@5247</a> </td> <td class="lineno"> <a href="#l616" id="l616"> 616</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l604" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l617" id="l617"> 617</a> </td> <td class="source"> When comparing the [=before-change style=] and [=after-change style=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l605" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l618" id="l618"> 618</a> </td> <td class="source"> for a given property, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l606" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l619" id="l619"> 619</a> </td> <td class="source"> the property values are <dfn>transitionable</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l607" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l620" id="l620"> 620</a> </td> <td class="source"> if they have an [=animation type=] that is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l608" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l621" id="l621"> 621</a> </td> <td class="source"> <em>neither</em> [=not animatable=] <em>nor</em> [=discrete=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l609" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l622" id="l622"> 622</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l610" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l623" id="l623"> 623</a> </td> <td class="source"> Note: Even if a <em>property</em> is defined to have an [=animation type=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l611" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l624" id="l624"> 624</a> </td> <td class="source"> that is <em>not</em> [=discrete=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l612" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l625" id="l625"> 625</a> </td> <td class="source"> for a particular pair of <em>property values</em> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l613" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l626" id="l626"> 626</a> </td> <td class="source"> the [=animation type=] may be [=discrete=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l614" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l627" id="l627"> 627</a> </td> <td class="source"> For example, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l615" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l628" id="l628"> 628</a> </td> <td class="source"> the [=animation type=] of the 'box-shadow' property is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l616" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l629" id="l629"> 629</a> </td> <td class="source"> <a lt="combining shadow lists">shadow list</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l617" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l630" id="l630"> 630</a> </td> <td class="source"> which defines that </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l618" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l631" id="l631"> 631</a> </td> <td class="source"> when the ''shadow/inset'' keyword is absent in one value </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l619" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l632" id="l632"> 632</a> </td> <td class="source"> but present in the other, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l620" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l633" id="l633"> 633</a> </td> <td class="source"> [=discrete=] animation is used. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l621" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l634" id="l634"> 634</a> </td> <td class="source"> As a result </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l622" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l635" id="l635"> 635</a> </td> <td class="source"> ''0px 0px black'' and ''inset 10px 10px black'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l623" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l636" id="l636"> 636</a> </td> <td class="source"> are <em>not</em> [=transitionable=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l624" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l637" id="l637"> 637</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l625" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l638" id="l638"> 638</a> </td> <td class="source"> For each element and property, the implementation must act </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l626" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l639" id="l639"> 639</a> </td> <td class="source"> as follows: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l627" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l640" id="l640"> 640</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1083" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l641" id="l641"> 641</a> </td> <td class="source"> <ol> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1084" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l642" id="l642"> 642</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l681" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l643" id="l643"> 643</a> </td> <td class="source"> If all of the following are true: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l682" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l644" id="l644"> 644</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l683" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l645" id="l645"> 645</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l684" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l646" id="l646"> 646</a> </td> <td class="source"> the element does not have </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l685" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l647" id="l647"> 647</a> </td> <td class="source"> a <a>running transition</a> for the property, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l686" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l648" id="l648"> 648</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l687" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l649" id="l649"> 649</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l688" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l650" id="l650"> 650</a> </td> <td class="source"> the <a>before-change style</a> is different from </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l690" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l651" id="l651"> 651</a> </td> <td class="source"> the <a>after-change style</a> for that property, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l639" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l652" id="l652"> 652</a> </td> <td class="source"> and the values for the property are [=transitionable=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l691" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l653" id="l653"> 653</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l692" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l654" id="l654"> 654</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l693" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l655" id="l655"> 655</a> </td> <td class="source"> the element does not have a <a>completed transition</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l694" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l656" id="l656"> 656</a> </td> <td class="source"> for the property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l695" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l657" id="l657"> 657</a> </td> <td class="source"> or the <a>end value</a> of the <a>completed transition</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l696" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l658" id="l658"> 658</a> </td> <td class="source"> is different from the <a>after-change style</a> for the property, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l697" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l659" id="l659"> 659</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l698" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l660" id="l660"> 660</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l699" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l661" id="l661"> 661</a> </td> <td class="source"> there is a <a>matching transition-property value</a>, and </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l700" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l662" id="l662"> 662</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l701" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l663" id="l663"> 663</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l702" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l664" id="l664"> 664</a> </td> <td class="source"> the <a>combined duration</a> is greater than ''0s'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l703" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l665" id="l665"> 665</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l704" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l666" id="l666"> 666</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l705" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l667" id="l667"> 667</a> </td> <td class="source"> then implementations must </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l706" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l668" id="l668"> 668</a> </td> <td class="source"> remove the <a>completed transition</a> (if present) from the set </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l707" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l669" id="l669"> 669</a> </td> <td class="source"> of completed transitions and </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1092" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l670" id="l670"> 670</a> </td> <td class="source"> start a transition whose: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1093" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l671" id="l671"> 671</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1094" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l672" id="l672"> 672</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l954" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l673" id="l673"> 673</a> </td> <td class="source"> <a>start time</a> is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l955" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l674" id="l674"> 674</a> </td> <td class="source"> the time of the <a>style change event</a> plus </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l956" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l675" id="l675"> 675</a> </td> <td class="source"> the <a>matching transition delay</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1098" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l676" id="l676"> 676</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1099" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l677" id="l677"> 677</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l959" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l678" id="l678"> 678</a> </td> <td class="source"> <a>end time</a> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l960" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l679" id="l679"> 679</a> </td> <td class="source"> the <a>start time</a> plus </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l961" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l680" id="l680"> 680</a> </td> <td class="source"> the <a>matching transition duration</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1102" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l681" id="l681"> 681</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1103" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l682" id="l682"> 682</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l964" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l683" id="l683"> 683</a> </td> <td class="source"> <a>start value</a> is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1105" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l684" id="l684"> 684</a> </td> <td class="source"> the value of the transitioning property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l966" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l685" id="l685"> 685</a> </td> <td class="source"> in the <a>before-change style</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1107" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l686" id="l686"> 686</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1108" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l687" id="l687"> 687</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l969" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l688" id="l688"> 688</a> </td> <td class="source"> <a>end value</a> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1110" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l689" id="l689"> 689</a> </td> <td class="source"> the value of the transitioning property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l971" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l690" id="l690"> 690</a> </td> <td class="source"> in the <a>after-change style</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1112" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l691" id="l691"> 691</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1113" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l692" id="l692"> 692</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l974" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l693" id="l693"> 693</a> </td> <td class="source"> <a>reversing-adjusted start value</a> is the same as </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l975" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l694" id="l694"> 694</a> </td> <td class="source"> the <a>start value</a>, and </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1116" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l695" id="l695"> 695</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l977" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l696" id="l696"> 696</a> </td> <td class="source"> <a>reversing shortening factor</a> is 1. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1118" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l697" id="l697"> 697</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1119" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l698" id="l698"> 698</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1120" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l699" id="l699"> 699</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1121" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l700" id="l700"> 700</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/85035644dbe0/css-transitions/Overview.bs#l765" title="85035644dbe0: [css-transitions] Need to remove completed transitions on style changes when the combined duration is 0 or the change cannot be interpolated.">dbaron@15492</a> </td> <td class="lineno"> <a href="#l701" id="l701"> 701</a> </td> <td class="source"> Otherwise, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/85035644dbe0/css-transitions/Overview.bs#l766" title="85035644dbe0: [css-transitions] Need to remove completed transitions on style changes when the combined duration is 0 or the change cannot be interpolated.">dbaron@15492</a> </td> <td class="lineno"> <a href="#l702" id="l702"> 702</a> </td> <td class="source"> if the element has a <a>completed transition</a> for the property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/85035644dbe0/css-transitions/Overview.bs#l767" title="85035644dbe0: [css-transitions] Need to remove completed transitions on style changes when the combined duration is 0 or the change cannot be interpolated.">dbaron@15492</a> </td> <td class="lineno"> <a href="#l703" id="l703"> 703</a> </td> <td class="source"> and the <a>end value</a> of the <a>completed transition</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/85035644dbe0/css-transitions/Overview.bs#l768" title="85035644dbe0: [css-transitions] Need to remove completed transitions on style changes when the combined duration is 0 or the change cannot be interpolated.">dbaron@15492</a> </td> <td class="lineno"> <a href="#l704" id="l704"> 704</a> </td> <td class="source"> is different from the <a>after-change style</a> for the property, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/85035644dbe0/css-transitions/Overview.bs#l769" title="85035644dbe0: [css-transitions] Need to remove completed transitions on style changes when the combined duration is 0 or the change cannot be interpolated.">dbaron@15492</a> </td> <td class="lineno"> <a href="#l705" id="l705"> 705</a> </td> <td class="source"> then implementations must </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/85035644dbe0/css-transitions/Overview.bs#l770" title="85035644dbe0: [css-transitions] Need to remove completed transitions on style changes when the combined duration is 0 or the change cannot be interpolated.">dbaron@15492</a> </td> <td class="lineno"> <a href="#l706" id="l706"> 706</a> </td> <td class="source"> remove the <a>completed transition</a> from the set of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/85035644dbe0/css-transitions/Overview.bs#l771" title="85035644dbe0: [css-transitions] Need to remove completed transitions on style changes when the combined duration is 0 or the change cannot be interpolated.">dbaron@15492</a> </td> <td class="lineno"> <a href="#l707" id="l707"> 707</a> </td> <td class="source"> <a>completed transitions</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/85035644dbe0/css-transitions/Overview.bs#l772" title="85035644dbe0: [css-transitions] Need to remove completed transitions on style changes when the combined duration is 0 or the change cannot be interpolated.">dbaron@15492</a> </td> <td class="lineno"> <a href="#l708" id="l708"> 708</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/85035644dbe0/css-transitions/Overview.bs#l773" title="85035644dbe0: [css-transitions] Need to remove completed transitions on style changes when the combined duration is 0 or the change cannot be interpolated.">dbaron@15492</a> </td> <td class="lineno"> <a href="#l709" id="l709"> 709</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l739" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l710" id="l710"> 710</a> </td> <td class="source"> If the element has a <a>running transition</a> or </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l740" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l711" id="l711"> 711</a> </td> <td class="source"> <a>completed transition</a> for the property, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1123" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l712" id="l712"> 712</a> </td> <td class="source"> and there is <strong>not</strong> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l984" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l713" id="l713"> 713</a> </td> <td class="source"> a <a>matching transition-property value</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8f3f0594619e/css-transitions/Overview.src.html#l1077" title="8f3f0594619e: [css-transitions] Fix logic about when to cancel due to combined duration being 0 or less, and link 'cancel' term better.">dbaron@14853</a> </td> <td class="lineno"> <a href="#l714" id="l714"> 714</a> </td> <td class="source"> then implementations must </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l744" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l715" id="l715"> 715</a> </td> <td class="source"> <a>cancel</a> the <a>running transition</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l745" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l716" id="l716"> 716</a> </td> <td class="source"> or remove the <a>completed transition</a> from the set of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-transitions/Overview.bs#l752" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l717" id="l717"> 717</a> </td> <td class="source"> <a>completed transitions</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1126" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l718" id="l718"> 718</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1127" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l719" id="l719"> 719</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l749" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l720" id="l720"> 720</a> </td> <td class="source"> If the element has a <a>running transition</a> for the property, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l990" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l721" id="l721"> 721</a> </td> <td class="source"> there is a <a>matching transition-property value</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l751" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l722" id="l722"> 722</a> </td> <td class="source"> and the <a>end value</a> of the <a>running transition</a> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1131" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l723" id="l723"> 723</a> </td> <td class="source"> <strong>not</strong> equal to the value of the property in the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l993" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l724" id="l724"> 724</a> </td> <td class="source"> <a>after-change style</a>, then: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1133" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l725" id="l725"> 725</a> </td> <td class="source"> <ol> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1134" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l726" id="l726"> 726</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l996" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l727" id="l727"> 727</a> </td> <td class="source"> If the <a>current value</a> of the property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l757" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l728" id="l728"> 728</a> </td> <td class="source"> in the <a>running transition</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1137" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l729" id="l729"> 729</a> </td> <td class="source"> is equal to </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l999" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l730" id="l730"> 730</a> </td> <td class="source"> the value of the property in the <a>after-change style</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l718" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l731" id="l731"> 731</a> </td> <td class="source"> or if these two values are not [=transitionable=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8f3f0594619e/css-transitions/Overview.src.html#l1093" title="8f3f0594619e: [css-transitions] Fix logic about when to cancel due to combined duration being 0 or less, and link 'cancel' term better.">dbaron@14853</a> </td> <td class="lineno"> <a href="#l732" id="l732"> 732</a> </td> <td class="source"> then implementations must </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l762" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l733" id="l733"> 733</a> </td> <td class="source"> <a>cancel</a> the <a>running transition</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8f3f0594619e/css-transitions/Overview.src.html#l1095" title="8f3f0594619e: [css-transitions] Fix logic about when to cancel due to combined duration being 0 or less, and link 'cancel' term better.">dbaron@14853</a> </td> <td class="lineno"> <a href="#l734" id="l734"> 734</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8f3f0594619e/css-transitions/Overview.src.html#l1096" title="8f3f0594619e: [css-transitions] Fix logic about when to cancel due to combined duration being 0 or less, and link 'cancel' term better.">dbaron@14853</a> </td> <td class="lineno"> <a href="#l735" id="l735"> 735</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1005" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l736" id="l736"> 736</a> </td> <td class="source"> Otherwise, if the <a>combined duration</a> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8f3f0594619e/css-transitions/Overview.src.html#l1098" title="8f3f0594619e: [css-transitions] Fix logic about when to cancel due to combined duration being 0 or less, and link 'cancel' term better.">dbaron@14853</a> </td> <td class="lineno"> <a href="#l737" id="l737"> 737</a> </td> <td class="source"> less than or equal to ''0s'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0170ef0d0817/css-transitions/Overview.bs#l791" title="0170ef0d0817: [css-transitions] Add a missed check for non-interpolability in the starting rules.">dbaron@15217</a> </td> <td class="lineno"> <a href="#l738" id="l738"> 738</a> </td> <td class="source"> or if the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0170ef0d0817/css-transitions/Overview.bs#l792" title="0170ef0d0817: [css-transitions] Add a missed check for non-interpolability in the starting rules.">dbaron@15217</a> </td> <td class="lineno"> <a href="#l739" id="l739"> 739</a> </td> <td class="source"> <a>current value</a> of the property in the <a>running transition</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l727" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l740" id="l740"> 740</a> </td> <td class="source"> is not [=transitionable=] with </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0170ef0d0817/css-transitions/Overview.bs#l794" title="0170ef0d0817: [css-transitions] Add a missed check for non-interpolability in the starting rules.">dbaron@15217</a> </td> <td class="lineno"> <a href="#l741" id="l741"> 741</a> </td> <td class="source"> the value of the property in the <a>after-change style</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8f3f0594619e/css-transitions/Overview.src.html#l1099" title="8f3f0594619e: [css-transitions] Fix logic about when to cancel due to combined duration being 0 or less, and link 'cancel' term better.">dbaron@14853</a> </td> <td class="lineno"> <a href="#l742" id="l742"> 742</a> </td> <td class="source"> then implementations must </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l768" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l743" id="l743"> 743</a> </td> <td class="source"> <a>cancel</a> the <a>running transition</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1140" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l744" id="l744"> 744</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1141" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l745" id="l745"> 745</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1011" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l746" id="l746"> 746</a> </td> <td class="source"> Otherwise, if the <a>reversing-adjusted start value</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l772" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l747" id="l747"> 747</a> </td> <td class="source"> of the <a>running transition</a> is the same as the value of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1013" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l748" id="l748"> 748</a> </td> <td class="source"> the property in the <a>after-change style</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1145" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l749" id="l749"> 749</a> </td> <td class="source"> <span class="note">(see the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1146" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l750" id="l750"> 750</a> </td> <td class="source"> <a href="#reversing">section on reversing of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1147" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l751" id="l751"> 751</a> </td> <td class="source"> transitions</a> for why these case exists)</span>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8f3f0594619e/css-transitions/Overview.src.html#l1109" title="8f3f0594619e: [css-transitions] Fix logic about when to cancel due to combined duration being 0 or less, and link 'cancel' term better.">dbaron@14853</a> </td> <td class="lineno"> <a href="#l752" id="l752"> 752</a> </td> <td class="source"> implementations must </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l778" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l753" id="l753"> 753</a> </td> <td class="source"> <a>cancel</a> the <a>running transition</a> and </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1150" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l754" id="l754"> 754</a> </td> <td class="source"> start a new transition whose: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1151" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l755" id="l755"> 755</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1152" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l756" id="l756"> 756</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1022" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l757" id="l757"> 757</a> </td> <td class="source"> <a>reversing-adjusted start value</a> is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1023" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l758" id="l758"> 758</a> </td> <td class="source"> the <a>end value</a> of the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l784" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l759" id="l759"> 759</a> </td> <td class="source"> <a>running transition</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1156" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l760" id="l760"> 760</a> </td> <td class="source"> <span class="note">(Note: This represents the logical start state of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1157" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l761" id="l761"> 761</a> </td> <td class="source"> the transition, and allows some calculations to ignore that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1158" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l762" id="l762"> 762</a> </td> <td class="source"> the transition started before that state was reached, which </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1159" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l763" id="l763"> 763</a> </td> <td class="source"> in turn allows repeated reversals of the same transition to </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1160" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l764" id="l764"> 764</a> </td> <td class="source"> work correctly),</span> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1161" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l765" id="l765"> 765</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1031" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l766" id="l766"> 766</a> </td> <td class="source"> <a>reversing shortening factor</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1163" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l767" id="l767"> 767</a> </td> <td class="source"> is the absolute value, clamped to the range [0, 1], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1164" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l768" id="l768"> 768</a> </td> <td class="source"> of the sum of: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1165" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l769" id="l769"> 769</a> </td> <td class="source"> <ol> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1166" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l770" id="l770"> 770</a> </td> <td class="source"> <li>the output of the timing function of the old transition </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1036" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l771" id="l771"> 771</a> </td> <td class="source"> at the time of the <a>style change event</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1037" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l772" id="l772"> 772</a> </td> <td class="source"> times the <a>reversing shortening factor</a> of the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1169" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l773" id="l773"> 773</a> </td> <td class="source"> old transition</li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1039" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l774" id="l774"> 774</a> </td> <td class="source"> <li>1 minus the <a>reversing shortening factor</a> of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1171" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l775" id="l775"> 775</a> </td> <td class="source"> the old transition.</li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1172" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l776" id="l776"> 776</a> </td> <td class="source"> </ol> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1173" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l777" id="l777"> 777</a> </td> <td class="source"> <span class="note">Note: This represents the portion of the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1043" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l778" id="l778"> 778</a> </td> <td class="source"> space between the <a>reversing-adjusted start value</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1044" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l779" id="l779"> 779</a> </td> <td class="source"> and the <a>end value</a> that the old transition has </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1176" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l780" id="l780"> 780</a> </td> <td class="source"> traversed (in amounts of the value, not time), except with the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1177" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l781" id="l781"> 781</a> </td> <td class="source"> absolute value and clamping to handle timing functions that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1178" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l782" id="l782"> 782</a> </td> <td class="source"> have y1 or y2 outside the range [0, 1].</span> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1179" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l783" id="l783"> 783</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1180" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l784" id="l784"> 784</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1050" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l785" id="l785"> 785</a> </td> <td class="source"> <a>start time</a> is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1051" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l786" id="l786"> 786</a> </td> <td class="source"> the time of the <a>style change event</a> plus: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1183" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l787" id="l787"> 787</a> </td> <td class="source"> <ol> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1053" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l788" id="l788"> 788</a> </td> <td class="source"> <li>if the <a>matching transition delay</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/64c81e044bc7/css-transitions/Overview.src.html#l1147" title="64c81e044bc7: [css-transitions] Link more terms.">dbaron@14855</a> </td> <td class="lineno"> <a href="#l789" id="l789"> 789</a> </td> <td class="source"> is nonnegative, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1055" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l790" id="l790"> 790</a> </td> <td class="source"> the <a>matching transition delay</a>, or </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1056" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l791" id="l791"> 791</a> </td> <td class="source"> <li>if the <a>matching transition delay</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/64c81e044bc7/css-transitions/Overview.src.html#l1150" title="64c81e044bc7: [css-transitions] Link more terms.">dbaron@14855</a> </td> <td class="lineno"> <a href="#l792" id="l792"> 792</a> </td> <td class="source"> is negative, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/64c81e044bc7/css-transitions/Overview.src.html#l1151" title="64c81e044bc7: [css-transitions] Link more terms.">dbaron@14855</a> </td> <td class="lineno"> <a href="#l793" id="l793"> 793</a> </td> <td class="source"> the product of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/64c81e044bc7/css-transitions/Overview.src.html#l1152" title="64c81e044bc7: [css-transitions] Link more terms.">dbaron@14855</a> </td> <td class="lineno"> <a href="#l794" id="l794"> 794</a> </td> <td class="source"> the new transition's </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1060" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l795" id="l795"> 795</a> </td> <td class="source"> <a>reversing shortening factor</a> and </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1061" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l796" id="l796"> 796</a> </td> <td class="source"> the <a>matching transition delay</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1189" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l797" id="l797"> 797</a> </td> <td class="source"> </ol> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1190" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l798" id="l798"> 798</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1191" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l799" id="l799"> 799</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1065" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l800" id="l800"> 800</a> </td> <td class="source"> <a>end time</a> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1066" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l801" id="l801"> 801</a> </td> <td class="source"> the <a>start time</a> plus the product of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1067" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l802" id="l802"> 802</a> </td> <td class="source"> the <a>matching transition duration</a> and </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1068" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l803" id="l803"> 803</a> </td> <td class="source"> the new transition's <a>reversing shortening factor</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1196" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l804" id="l804"> 804</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1197" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l805" id="l805"> 805</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1071" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l806" id="l806"> 806</a> </td> <td class="source"> <a>start value</a> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1072" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l807" id="l807"> 807</a> </td> <td class="source"> the <a>current value</a> of the property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l833" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l808" id="l808"> 808</a> </td> <td class="source"> in the <a>running transition</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1201" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l809" id="l809"> 809</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1202" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l810" id="l810"> 810</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1076" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l811" id="l811"> 811</a> </td> <td class="source"> <a>end value</a> is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1204" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l812" id="l812"> 812</a> </td> <td class="source"> the value of the property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1078" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l813" id="l813"> 813</a> </td> <td class="source"> in the <a>after-change style</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1206" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l814" id="l814"> 814</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1207" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l815" id="l815"> 815</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1208" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l816" id="l816"> 816</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1209" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l817" id="l817"> 817</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8f3f0594619e/css-transitions/Overview.src.html#l1171" title="8f3f0594619e: [css-transitions] Fix logic about when to cancel due to combined duration being 0 or less, and link 'cancel' term better.">dbaron@14853</a> </td> <td class="lineno"> <a href="#l818" id="l818"> 818</a> </td> <td class="source"> Otherwise, implementations must </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l844" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l819" id="l819"> 819</a> </td> <td class="source"> <a>cancel</a> the <a>running transition</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1f23cdfa32bd/css-transitions/Overview.src.html#l1164" title="1f23cdfa32bd: [css-transitions] Add missing statement that transition needs to be canceled.">dbaron@14852</a> </td> <td class="lineno"> <a href="#l820" id="l820"> 820</a> </td> <td class="source"> and start a new transition whose: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1212" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l821" id="l821"> 821</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1213" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l822" id="l822"> 822</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1088" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l823" id="l823"> 823</a> </td> <td class="source"> <a>start time</a> is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1089" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l824" id="l824"> 824</a> </td> <td class="source"> the time of the <a>style change event</a> plus </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1090" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l825" id="l825"> 825</a> </td> <td class="source"> the <a>matching transition delay</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1217" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l826" id="l826"> 826</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1218" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l827" id="l827"> 827</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1093" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l828" id="l828"> 828</a> </td> <td class="source"> <a>end time</a> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1094" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l829" id="l829"> 829</a> </td> <td class="source"> the <a>start time</a> plus </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1095" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l830" id="l830"> 830</a> </td> <td class="source"> the <a>matching transition duration</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1221" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l831" id="l831"> 831</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1222" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l832" id="l832"> 832</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1098" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l833" id="l833"> 833</a> </td> <td class="source"> <a>start value</a> is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1099" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l834" id="l834"> 834</a> </td> <td class="source"> the <a>current value</a> of the property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l860" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l835" id="l835"> 835</a> </td> <td class="source"> in the <a>running transition</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1226" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l836" id="l836"> 836</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1227" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l837" id="l837"> 837</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1103" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l838" id="l838"> 838</a> </td> <td class="source"> <a>end value</a> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1229" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l839" id="l839"> 839</a> </td> <td class="source"> the value of the property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1105" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l840" id="l840"> 840</a> </td> <td class="source"> in the <a>after-change style</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1231" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l841" id="l841"> 841</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1232" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l842" id="l842"> 842</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1108" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l843" id="l843"> 843</a> </td> <td class="source"> <a>reversing-adjusted start value</a> is the same as </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1109" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l844" id="l844"> 844</a> </td> <td class="source"> the <a>start value</a>, and </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1235" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l845" id="l845"> 845</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1111" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l846" id="l846"> 846</a> </td> <td class="source"> <a>reversing shortening factor</a> is 1. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1237" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l847" id="l847"> 847</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1238" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l848" id="l848"> 848</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1239" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l849" id="l849"> 849</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1240" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l850" id="l850"> 850</a> </td> <td class="source"> </ol> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1241" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l851" id="l851"> 851</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1242" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l852" id="l852"> 852</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1243" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l853" id="l853"> 853</a> </td> <td class="source"> </ol> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1244" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l854" id="l854"> 854</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1197" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l855" id="l855"> 855</a> </td> <td class="source"> <div class="note"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1198" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l856" id="l856"> 856</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1199" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l857" id="l857"> 857</a> </td> <td class="source"> Note that the above rules mean that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1200" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l858" id="l858"> 858</a> </td> <td class="source"> when the computed value of an animatable property changes, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8931f3425da7/css-transitions/Overview.src.html#l1217" title="8931f3425da7: [css-transitions] Spell check.">dbaron@14856</a> </td> <td class="lineno"> <a href="#l859" id="l859"> 859</a> </td> <td class="source"> the transitions that start are based on the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1202" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l860" id="l860"> 860</a> </td> <td class="source"> values of the 'transition-property', 'transition-duration', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1203" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l861" id="l861"> 861</a> </td> <td class="source"> 'transition-timing-function', and 'transition-delay' properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1204" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l862" id="l862"> 862</a> </td> <td class="source"> at the time the animatable property would first have its new </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1205" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l863" id="l863"> 863</a> </td> <td class="source"> computed value. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1206" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l864" id="l864"> 864</a> </td> <td class="source"> This means that when one of these 'transition-*' properties </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1207" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l865" id="l865"> 865</a> </td> <td class="source"> changes at the same time as </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1208" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l866" id="l866"> 866</a> </td> <td class="source"> a property whose change might transition, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1209" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l867" id="l867"> 867</a> </td> <td class="source"> it is the <em>new</em> values of the 'transition-*' properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1210" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l868" id="l868"> 868</a> </td> <td class="source"> that control the transition. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1211" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l869" id="l869"> 869</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1212" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l870" id="l870"> 870</a> </td> <td class="source"> <div class="example" id="manual-reversing-example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1213" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l871" id="l871"> 871</a> </td> <td class="source"> <p style="display:none"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1214" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l872" id="l872"> 872</a> </td> <td class="source"> Example(s): </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1215" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l873" id="l873"> 873</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1216" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l874" id="l874"> 874</a> </td> <td class="source"> <p>This provides a way for authors to specify different values </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1217" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l875" id="l875"> 875</a> </td> <td class="source"> of the 'transition-*' properties for the &ldquo;forward&rdquo; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d6054651da91/css-transitions/Overview.bs#l944" title="d6054651da91: [css-transitions] Clarify that the example related to forward and reverse transitions only works when there are two states.">dbaron@16003</a> </td> <td class="lineno"> <a href="#l876" id="l876"> 876</a> </td> <td class="source"> and &ldquo;reverse&rdquo; transitions, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d6054651da91/css-transitions/Overview.bs#l945" title="d6054651da91: [css-transitions] Clarify that the example related to forward and reverse transitions only works when there are two states.">dbaron@16003</a> </td> <td class="lineno"> <a href="#l877" id="l877"> 877</a> </td> <td class="source"> when the transitions are between two states </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d6054651da91/css-transitions/Overview.bs#l946" title="d6054651da91: [css-transitions] Clarify that the example related to forward and reverse transitions only works when there are two states.">dbaron@16003</a> </td> <td class="lineno"> <a href="#l878" id="l878"> 878</a> </td> <td class="source"> (but see <a </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1219" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l879" id="l879"> 879</a> </td> <td class="source"> href="#reversing">below</a> for special reversing behavior when </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1220" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l880" id="l880"> 880</a> </td> <td class="source"> an <em>incomplete</em> transition is interrupted). Authors can </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1221" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l881" id="l881"> 881</a> </td> <td class="source"> specify the value of 'transition-duration', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1222" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l882" id="l882"> 882</a> </td> <td class="source"> 'transition-timing-function', or 'transition-delay' in the same </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1223" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l883" id="l883"> 883</a> </td> <td class="source"> rule where they specify the value that triggers the transition, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1224" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l884" id="l884"> 884</a> </td> <td class="source"> or can change these properties at the same time as they change </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1225" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l885" id="l885"> 885</a> </td> <td class="source"> the property that triggers the transition. Since it's the new </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1226" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l886" id="l886"> 886</a> </td> <td class="source"> values of these 'transition-*' properties that affect the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1227" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l887" id="l887"> 887</a> </td> <td class="source"> transition, these values will be used for the transitions </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1228" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l888" id="l888"> 888</a> </td> <td class="source"> <em>to</em> the associated transitioning values. For example: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1229" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l889" id="l889"> 889</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7ca55c62d29a/css-transitions/Overview.bs#l918" title="7ca55c62d29a: [css-transitions] Fix newline to match bikeshed's strange handling of <pre>.">dbaron@15110</a> </td> <td class="lineno"> <a href="#l890" id="l890"> 890</a> </td> <td class="source"> <pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7ca55c62d29a/css-transitions/Overview.bs#l919" title="7ca55c62d29a: [css-transitions] Fix newline to match bikeshed's strange handling of <pre>.">dbaron@15110</a> </td> <td class="lineno"> <a href="#l891" id="l891"> 891</a> </td> <td class="source"> li { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1231" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l892" id="l892"> 892</a> </td> <td class="source"> transition: background-color linear 1s; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1232" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l893" id="l893"> 893</a> </td> <td class="source"> background: blue; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1233" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l894" id="l894"> 894</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1234" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l895" id="l895"> 895</a> </td> <td class="source"> li:hover { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1235" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l896" id="l896"> 896</a> </td> <td class="source"> background-color: green; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1236" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l897" id="l897"> 897</a> </td> <td class="source"> transition-duration: 2s; /* applies to the transition *to* the :hover state */ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1237" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l898" id="l898"> 898</a> </td> <td class="source"> }</pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1238" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l899" id="l899"> 899</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1239" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l900" id="l900"> 900</a> </td> <td class="source"> When a list item with these style rules enters the :hover </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1240" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l901" id="l901"> 901</a> </td> <td class="source"> state, the computed 'transition-duration' at the time that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1241" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l902" id="l902"> 902</a> </td> <td class="source"> 'background-color' would have its new value (''green'') is ''2s'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1242" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l903" id="l903"> 903</a> </td> <td class="source"> so the transition from ''blue'' to ''green'' takes 2 seconds. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1243" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l904" id="l904"> 904</a> </td> <td class="source"> However, when the list item leaves the :hover state, the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1244" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l905" id="l905"> 905</a> </td> <td class="source"> transition from ''green'' to ''blue'' takes 1 second. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1245" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l906" id="l906"> 906</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1246" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l907" id="l907"> 907</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1247" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l908" id="l908"> 908</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dabf49e3723d/css-transitions/Overview.src.html#l1248" title="dabf49e3723d: [css-transitions] Move some text that now duplicates the formal rules down, and turn it into a note.">dbaron@14845</a> </td> <td class="lineno"> <a href="#l909" id="l909"> 909</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/83b8fc5878a7/css-transitions/Overview.src.html#l1249" title="83b8fc5878a7: [css-transitions] Turn two more paragraphs into their own notes, since the rules define this behavior more formally.">dbaron@14846</a> </td> <td class="lineno"> <a href="#l910" id="l910"> 910</a> </td> <td class="source"> <p class="note"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b6e5bb6bf803/css-transitions/Overview.bs#l940" title="b6e5bb6bf803: [css-transitions] Clarify that "has started" includes delay.">dbaron@15190</a> </td> <td class="lineno"> <a href="#l911" id="l911"> 911</a> </td> <td class="source"> Note that once the transition of a property has started </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b6e5bb6bf803/css-transitions/Overview.bs#l941" title="b6e5bb6bf803: [css-transitions] Clarify that "has started" includes delay.">dbaron@15190</a> </td> <td class="lineno"> <a href="#l912" id="l912"> 912</a> </td> <td class="source"> (including being in its delay phase), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/83b8fc5878a7/css-transitions/Overview.src.html#l1251" title="83b8fc5878a7: [css-transitions] Turn two more paragraphs into their own notes, since the rules define this behavior more formally.">dbaron@14846</a> </td> <td class="lineno"> <a href="#l913" id="l913"> 913</a> </td> <td class="source"> it continues running based on </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/83b8fc5878a7/css-transitions/Overview.src.html#l1252" title="83b8fc5878a7: [css-transitions] Turn two more paragraphs into their own notes, since the rules define this behavior more formally.">dbaron@14846</a> </td> <td class="lineno"> <a href="#l914" id="l914"> 914</a> </td> <td class="source"> the original timing function, duration, and </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ee83d4ee0f7f/css3-transitions/Overview.src.html#l705" title="ee83d4ee0f7f: 2009-11-24 dbaron@dbaron.org">dbaron@1548</a> </td> <td class="lineno"> <a href="#l915" id="l915"> 915</a> </td> <td class="source"> delay, even if the 'transition-timing-function', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ee83d4ee0f7f/css3-transitions/Overview.src.html#l706" title="ee83d4ee0f7f: 2009-11-24 dbaron@dbaron.org">dbaron@1548</a> </td> <td class="lineno"> <a href="#l916" id="l916"> 916</a> </td> <td class="source"> 'transition-duration', or 'transition-delay' property changes </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ee83d4ee0f7f/css3-transitions/Overview.src.html#l707" title="ee83d4ee0f7f: 2009-11-24 dbaron@dbaron.org">dbaron@1548</a> </td> <td class="lineno"> <a href="#l917" id="l917"> 917</a> </td> <td class="source"> before the transition is complete. However, if the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ee83d4ee0f7f/css3-transitions/Overview.src.html#l708" title="ee83d4ee0f7f: 2009-11-24 dbaron@dbaron.org">dbaron@1548</a> </td> <td class="lineno"> <a href="#l918" id="l918"> 918</a> </td> <td class="source"> 'transition-property' property changes such that the transition </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/83b8fc5878a7/css-transitions/Overview.src.html#l1257" title="83b8fc5878a7: [css-transitions] Turn two more paragraphs into their own notes, since the rules define this behavior more formally.">dbaron@14846</a> </td> <td class="lineno"> <a href="#l919" id="l919"> 919</a> </td> <td class="source"> would not have started, the transition stops (and the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/83b8fc5878a7/css-transitions/Overview.src.html#l1258" title="83b8fc5878a7: [css-transitions] Turn two more paragraphs into their own notes, since the rules define this behavior more formally.">dbaron@14846</a> </td> <td class="lineno"> <a href="#l920" id="l920"> 920</a> </td> <td class="source"> property immediately changes to its final value). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/27a6c0f5f893/css3-transitions/Overview.src.html#l676" title="27a6c0f5f893: 2009-11-22 dbaron@dbaron.org">dbaron@1540</a> </td> <td class="lineno"> <a href="#l921" id="l921"> 921</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/27a6c0f5f893/css3-transitions/Overview.src.html#l677" title="27a6c0f5f893: 2009-11-22 dbaron@dbaron.org">dbaron@1540</a> </td> <td class="lineno"> <a href="#l922" id="l922"> 922</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/83b8fc5878a7/css-transitions/Overview.src.html#l1261" title="83b8fc5878a7: [css-transitions] Turn two more paragraphs into their own notes, since the rules define this behavior more formally.">dbaron@14846</a> </td> <td class="lineno"> <a href="#l923" id="l923"> 923</a> </td> <td class="source"> <p class="note"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/83b8fc5878a7/css-transitions/Overview.src.html#l1262" title="83b8fc5878a7: [css-transitions] Turn two more paragraphs into their own notes, since the rules define this behavior more formally.">dbaron@14846</a> </td> <td class="lineno"> <a href="#l924" id="l924"> 924</a> </td> <td class="source"> Note that above rules mean that </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/83b8fc5878a7/css-transitions/Overview.src.html#l1263" title="83b8fc5878a7: [css-transitions] Turn two more paragraphs into their own notes, since the rules define this behavior more formally.">dbaron@14846</a> </td> <td class="lineno"> <a href="#l925" id="l925"> 925</a> </td> <td class="source"> transitions do not start when the computed </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ee83d4ee0f7f/css3-transitions/Overview.src.html#l715" title="ee83d4ee0f7f: 2009-11-24 dbaron@dbaron.org">dbaron@1548</a> </td> <td class="lineno"> <a href="#l926" id="l926"> 926</a> </td> <td class="source"> value of a property changes as a result of declarative animation </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ee83d4ee0f7f/css3-transitions/Overview.src.html#l716" title="ee83d4ee0f7f: 2009-11-24 dbaron@dbaron.org">dbaron@1548</a> </td> <td class="lineno"> <a href="#l927" id="l927"> 927</a> </td> <td class="source"> (as opposed to scripted animation). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/83b8fc5878a7/css-transitions/Overview.src.html#l1266" title="83b8fc5878a7: [css-transitions] Turn two more paragraphs into their own notes, since the rules define this behavior more formally.">dbaron@14846</a> </td> <td class="lineno"> <a href="#l928" id="l928"> 928</a> </td> <td class="source"> This happens because the before-change style includes up-to-date </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/83b8fc5878a7/css-transitions/Overview.src.html#l1267" title="83b8fc5878a7: [css-transitions] Turn two more paragraphs into their own notes, since the rules define this behavior more formally.">dbaron@14846</a> </td> <td class="lineno"> <a href="#l929" id="l929"> 929</a> </td> <td class="source"> style for declarative animations. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/27a6c0f5f893/css3-transitions/Overview.src.html#l682" title="27a6c0f5f893: 2009-11-22 dbaron@dbaron.org">dbaron@1540</a> </td> <td class="lineno"> <a href="#l930" id="l930"> 930</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/27a6c0f5f893/css3-transitions/Overview.src.html#l683" title="27a6c0f5f893: 2009-11-22 dbaron@dbaron.org">dbaron@1540</a> </td> <td class="lineno"> <a href="#l931" id="l931"> 931</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1001" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l932" id="l932"> 932</a> </td> <td class="source">Faster reversing of interrupted transitions {#reversing} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1002" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l933" id="l933"> 933</a> </td> <td class="source">-------------------------------------------------------- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1003" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l934" id="l934"> 934</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/592d8c6fd127/css-transitions/Overview.src.html#l1273" title="592d8c6fd127: [css-transitions] Turn the entire section on reversing of transitions into a note, now that it is defined formally in the rules above it.">dbaron@14848</a> </td> <td class="lineno"> <a href="#l935" id="l935"> 935</a> </td> <td class="source"> <div class="note"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/592d8c6fd127/css-transitions/Overview.src.html#l1274" title="592d8c6fd127: [css-transitions] Turn the entire section on reversing of transitions into a note, now that it is defined formally in the rules above it.">dbaron@14848</a> </td> <td class="lineno"> <a href="#l936" id="l936"> 936</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1091" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l937" id="l937"> 937</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1092" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l938" id="l938"> 938</a> </td> <td class="source"> Many common transitions effects involve transitions between two states, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1093" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l939" id="l939"> 939</a> </td> <td class="source"> such as the transition that occurs when the mouse pointer moves </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1094" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l940" id="l940"> 940</a> </td> <td class="source"> over a user interface element, and then later moves out of that element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1095" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l941" id="l941"> 941</a> </td> <td class="source"> With these effects, it is common for a running transition </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1096" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l942" id="l942"> 942</a> </td> <td class="source"> to be interrupted before it completes, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1097" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l943" id="l943"> 943</a> </td> <td class="source"> and the property reset to the starting value of that transition. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1098" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l944" id="l944"> 944</a> </td> <td class="source"> An example is a hover effect on an element, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1099" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l945" id="l945"> 945</a> </td> <td class="source"> where a transition starts when the pointer enters the element, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1100" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l946" id="l946"> 946</a> </td> <td class="source"> and then the pointer exits the element before the effect has completed. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1101" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l947" id="l947"> 947</a> </td> <td class="source"> If the outgoing and incoming transitions </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1102" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l948" id="l948"> 948</a> </td> <td class="source"> are executed using their specified durations and timing functions, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1103" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l949" id="l949"> 949</a> </td> <td class="source"> the resulting effect can be distractingly asymmetric </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1104" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l950" id="l950"> 950</a> </td> <td class="source"> because the second transition </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1105" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l951" id="l951"> 951</a> </td> <td class="source"> takes the full specified time to move a shortened distance. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/592d8c6fd127/css-transitions/Overview.src.html#l1290" title="592d8c6fd127: [css-transitions] Turn the entire section on reversing of transitions into a note, now that it is defined formally in the rules above it.">dbaron@14848</a> </td> <td class="lineno"> <a href="#l952" id="l952"> 952</a> </td> <td class="source"> Instead, this specification makes second transition shorter. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1107" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l953" id="l953"> 953</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1108" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l954" id="l954"> 954</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1109" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l955" id="l955"> 955</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/592d8c6fd127/css-transitions/Overview.src.html#l1294" title="592d8c6fd127: [css-transitions] Turn the entire section on reversing of transitions into a note, now that it is defined formally in the rules above it.">dbaron@14848</a> </td> <td class="lineno"> <a href="#l956" id="l956"> 956</a> </td> <td class="source"> The mechanism the above rules use to cause this involves the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1218" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l957" id="l957"> 957</a> </td> <td class="source"> <a>reversing shortening factor</a> and the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1219" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l958" id="l958"> 958</a> </td> <td class="source"> <a>reversing-adjusted start value</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/592d8c6fd127/css-transitions/Overview.src.html#l1297" title="592d8c6fd127: [css-transitions] Turn the entire section on reversing of transitions into a note, now that it is defined formally in the rules above it.">dbaron@14848</a> </td> <td class="lineno"> <a href="#l959" id="l959"> 959</a> </td> <td class="source"> In particular, the reversing behavior is present whenever </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1221" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l960" id="l960"> 960</a> </td> <td class="source"> the <a>reversing shortening factor</a> is less than 1. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1122" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l961" id="l961"> 961</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1123" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l962" id="l962"> 962</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1171" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l963" id="l963"> 963</a> </td> <td class="source"> <p class="note"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1172" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l964" id="l964"> 964</a> </td> <td class="source"> Note that these rules do not fully address the problem for </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1173" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l965" id="l965"> 965</a> </td> <td class="source"> transition patterns that involve more than two states. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1174" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l966" id="l966"> 966</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1175" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l967" id="l967"> 967</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1176" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l968" id="l968"> 968</a> </td> <td class="source"> <p class="note"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1177" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l969" id="l969"> 969</a> </td> <td class="source"> Note that these rules lead to the entire timing function of the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1178" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l970" id="l970"> 970</a> </td> <td class="source"> new transition being used, rather than jumping into the middle </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1179" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l971" id="l971"> 971</a> </td> <td class="source"> of a timing function, which can create a jarring effect. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1180" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l972" id="l972"> 972</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1181" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l973" id="l973"> 973</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1182" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l974" id="l974"> 974</a> </td> <td class="source"> <p class="note"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1183" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l975" id="l975"> 975</a> </td> <td class="source"> This was one of several possibilities that was considered by the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1184" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l976" id="l976"> 976</a> </td> <td class="source"> working group. See the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14de636cc0b7/css-transitions-1/Overview.bs#l978" title="14de636cc0b7: Move images used in specs into subdirectories that bikeshed echidna will automatically package.">dbaron@28644</a> </td> <td class="lineno"> <a href="#l977" id="l977"> 977</a> </td> <td class="source"> <a href="examples/transition-reversing-demo">reversing demo</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1186" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l978" id="l978"> 978</a> </td> <td class="source"> demonstrating a number of them, leading to a working group </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1187" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l979" id="l979"> 979</a> </td> <td class="source"> resolution made on 2013-06-07 and edits made on 2013-11-11. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1188" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l980" id="l980"> 980</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9eb0718d6baa/css-transitions/Overview.src.html#l1189" title="9eb0718d6baa: [css-transitions] Change the rules for automatic reversing of transitions to shorten the duration (and negative delay) based on the portion of the value space traversed instead of reversing and jumping into the middle of the timing function. Move the section on reversing of transitions to be a subsection of the section on starting of transitions, since it belongs there.">dbaron@9524</a> </td> <td class="lineno"> <a href="#l981" id="l981"> 981</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/592d8c6fd127/css-transitions/Overview.src.html#l1320" title="592d8c6fd127: [css-transitions] Turn the entire section on reversing of transitions into a note, now that it is defined formally in the rules above it.">dbaron@14848</a> </td> <td class="lineno"> <a href="#l982" id="l982"> 982</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/592d8c6fd127/css-transitions/Overview.src.html#l1321" title="592d8c6fd127: [css-transitions] Turn the entire section on reversing of transitions into a note, now that it is defined formally in the rules above it.">dbaron@14848</a> </td> <td class="lineno"> <a href="#l983" id="l983"> 983</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1053" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l984" id="l984"> 984</a> </td> <td class="source">Application of transitions {#application} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1054" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l985" id="l985"> 985</a> </td> <td class="source">========================================= </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1048" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l986" id="l986"> 986</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1049" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l987" id="l987"> 987</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1050" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l988" id="l988"> 988</a> </td> <td class="source"> When a property on an element is undergoing a transition </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1051" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l989" id="l989"> 989</a> </td> <td class="source"> (that is, when or after the transition has started and before the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1252" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l990" id="l990"> 990</a> </td> <td class="source"> <a>end time</a> of the transition) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l1057" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l991" id="l991"> 991</a> </td> <td class="source"> the transition adds a style called the <dfn export>current value</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1337" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l992" id="l992"> 992</a> </td> <td class="source"> to the CSS cascade </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5e367e63489d/css-transitions/Overview.bs#l897" title="5e367e63489d: [css-transitions] Mark two references as normative that should be.">dbaron@15104</a> </td> <td class="lineno"> <a href="#l993" id="l993"> 993</a> </td> <td class="source"> at the level defined for CSS Transitions in [[!CSS3CASCADE]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1055" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l994" id="l994"> 994</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1056" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l995" id="l995"> 995</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1088" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l996" id="l996"> 996</a> </td> <td class="source"> <p class="note"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1089" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l997" id="l997"> 997</a> </td> <td class="source"> Note that this means that computed values </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1090" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l998" id="l998"> 998</a> </td> <td class="source"> resulting from CSS transitions </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1091" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l999" id="l999"> 999</a> </td> <td class="source"> can inherit to descendants just like </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1092" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l1000" id="l1000"> 1000</a> </td> <td class="source"> any other computed values. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1093" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l1001" id="l1001"> 1001</a> </td> <td class="source"> In the normal case, this means that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1094" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l1002" id="l1002"> 1002</a> </td> <td class="source"> a transition of an inherited property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1095" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l1003" id="l1003"> 1003</a> </td> <td class="source"> applies to descendant elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1096" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l1004" id="l1004"> 1004</a> </td> <td class="source"> just as an author would expect. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1097" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l1005" id="l1005"> 1005</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d377b9f852f3/css-transitions/Overview.src.html#l1098" title="d377b9f852f3: [css-transitions] Add a note explaining that values from transitions are inherited normally.">dbaron@9080</a> </td> <td class="lineno"> <a href="#l1006" id="l1006"> 1006</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1057" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1007" id="l1007"> 1007</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1058" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1008" id="l1008"> 1008</a> </td> <td class="source"> Implementations must add this value to the cascade </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1059" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1009" id="l1009"> 1009</a> </td> <td class="source"> if and only if </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1060" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1010" id="l1010"> 1010</a> </td> <td class="source"> that property is not currently </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5e367e63489d/css-transitions/Overview.bs#l915" title="5e367e63489d: [css-transitions] Mark two references as normative that should be.">dbaron@15104</a> </td> <td class="lineno"> <a href="#l1011" id="l1011"> 1011</a> </td> <td class="source"> undergoing a CSS Animation ([[!CSS3-ANIMATIONS]]) on the same element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1062" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1012" id="l1012"> 1012</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1063" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1013" id="l1013"> 1013</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1b274b3a1e4b/css-transitions/Overview.src.html#l1106" title="1b274b3a1e4b: [css-transitions] Add a note explaining that transitions run whether or not they are overridden.">dbaron@9081</a> </td> <td class="lineno"> <a href="#l1014" id="l1014"> 1014</a> </td> <td class="source"> <p class="note"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1b274b3a1e4b/css-transitions/Overview.src.html#l1107" title="1b274b3a1e4b: [css-transitions] Add a note explaining that transitions run whether or not they are overridden.">dbaron@9081</a> </td> <td class="lineno"> <a href="#l1015" id="l1015"> 1015</a> </td> <td class="source"> Note that this behavior of transitions not applying to the cascade </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1b274b3a1e4b/css-transitions/Overview.src.html#l1108" title="1b274b3a1e4b: [css-transitions] Add a note explaining that transitions run whether or not they are overridden.">dbaron@9081</a> </td> <td class="lineno"> <a href="#l1016" id="l1016"> 1016</a> </td> <td class="source"> when an animation on the same element and property is running </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1b274b3a1e4b/css-transitions/Overview.src.html#l1109" title="1b274b3a1e4b: [css-transitions] Add a note explaining that transitions run whether or not they are overridden.">dbaron@9081</a> </td> <td class="lineno"> <a href="#l1017" id="l1017"> 1017</a> </td> <td class="source"> does not affect whether the transition has started or ended. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1005" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1018" id="l1018"> 1018</a> </td> <td class="source"> APIs that expose whether transitions are running </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1b274b3a1e4b/css-transitions/Overview.src.html#l1111" title="1b274b3a1e4b: [css-transitions] Add a note explaining that transitions run whether or not they are overridden.">dbaron@9081</a> </td> <td class="lineno"> <a href="#l1019" id="l1019"> 1019</a> </td> <td class="source"> (such as <a href="#transition-events">transition events</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1b274b3a1e4b/css-transitions/Overview.src.html#l1112" title="1b274b3a1e4b: [css-transitions] Add a note explaining that transitions run whether or not they are overridden.">dbaron@9081</a> </td> <td class="lineno"> <a href="#l1020" id="l1020"> 1020</a> </td> <td class="source"> still report that a transition is running. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1b274b3a1e4b/css-transitions/Overview.src.html#l1113" title="1b274b3a1e4b: [css-transitions] Add a note explaining that transitions run whether or not they are overridden.">dbaron@9081</a> </td> <td class="lineno"> <a href="#l1021" id="l1021"> 1021</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1b274b3a1e4b/css-transitions/Overview.src.html#l1114" title="1b274b3a1e4b: [css-transitions] Add a note explaining that transitions run whether or not they are overridden.">dbaron@9081</a> </td> <td class="lineno"> <a href="#l1022" id="l1022"> 1022</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1064" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1023" id="l1023"> 1023</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1065" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1024" id="l1024"> 1024</a> </td> <td class="source"> If the current time is at or before the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1287" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l1025" id="l1025"> 1025</a> </td> <td class="source"> <a>start time</a> of the transition </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1067" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1026" id="l1026"> 1026</a> </td> <td class="source"> (that is, during the delay phase of the transition), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1289" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l1027" id="l1027"> 1027</a> </td> <td class="source"> the <a>current value</a> is a specified style that will compute </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1290" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l1028" id="l1028"> 1028</a> </td> <td class="source"> to the <a>start value</a> of the transition. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1071" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1029" id="l1029"> 1029</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1072" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1030" id="l1030"> 1030</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1073" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1031" id="l1031"> 1031</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1074" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1032" id="l1032"> 1032</a> </td> <td class="source"> If the current time is after the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1295" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l1033" id="l1033"> 1033</a> </td> <td class="source"> <a>start time</a> of the transition </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9f7a990bfc09/css-transitions/Overview.src.html#l1076" title="9f7a990bfc09: [css-transitions] Define that transitions do not affect style when animations are running for the same property-element pair.">dbaron@9078</a> </td> <td class="lineno"> <a href="#l1034" id="l1034"> 1034</a> </td> <td class="source"> (that is, during the duration phase of the transition), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1297" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l1035" id="l1035"> 1035</a> </td> <td class="source"> the <a>current value</a> is a specified style that will compute </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1023" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1036" id="l1036"> 1036</a> </td> <td class="source"> to the result of [=interpolating=] the property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1024" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1037" id="l1037"> 1037</a> </td> <td class="source"> using the following values: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1025" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1038" id="l1038"> 1038</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1026" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1039" id="l1039"> 1039</a> </td> <td class="source"> * <var ignore>V<sub>a</sub></var>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1027" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1040" id="l1040"> 1040</a> </td> <td class="source"> <a>start value</a> of the transition </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1028" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1041" id="l1041"> 1041</a> </td> <td class="source"> * <var ignore>V<sub>b</sub></var>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1029" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1042" id="l1042"> 1042</a> </td> <td class="source"> <a>end value</a> of the transition </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1030" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1043" id="l1043"> 1043</a> </td> <td class="source"> * <var>p</var>: the output of the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1031" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1044" id="l1044"> 1044</a> </td> <td class="source"> <a href="#transition-timing-function-property">timing function</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1032" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1045" id="l1045"> 1045</a> </td> <td class="source"> for input (current time - start time) / (end time - start time) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/953249252056/css3-transitions/Overview.src.html#l856" title="953249252056: Add explanation of open issue on the automatic reversing algorithm.">dbaron@2568</a> </td> <td class="lineno"> <a href="#l1046" id="l1046"> 1046</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/953249252056/css3-transitions/Overview.src.html#l857" title="953249252056: Add explanation of open issue on the automatic reversing algorithm.">dbaron@2568</a> </td> <td class="lineno"> <a href="#l1047" id="l1047"> 1047</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1035" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1048" id="l1048"> 1048</a> </td> <td class="source"> The specific [=interpolation=] procedure to be used </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1036" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1049" id="l1049"> 1049</a> </td> <td class="source"> is defined by the property's [=animation type=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1037" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1050" id="l1050"> 1050</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1038" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1051" id="l1051"> 1051</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1114" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l1052" id="l1052"> 1052</a> </td> <td class="source">Completion of transitions {#complete} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1115" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l1053" id="l1053"> 1053</a> </td> <td class="source">===================================== </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1391" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l1054" id="l1054"> 1054</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2dc08c959dd8/css-transitions/Overview.src.html#l1386" title="2dc08c959dd8: [css-transitions] Define completion of transitions.">dbaron@14850</a> </td> <td class="lineno"> <a href="#l1055" id="l1055"> 1055</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-transitions/Overview.bs#l1077" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l1056" id="l1056"> 1056</a> </td> <td class="source"> <a>Running transitions</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02844ef0064f/css-transitions/Overview.bs#l1115" title="02844ef0064f: [css-transitions] Miscellanous Bikeshed fixes; export a bunch of terms.">jackalmage@15628</a> </td> <td class="lineno"> <a href="#l1057" id="l1057"> 1057</a> </td> <td class="source"> <dfn export for="transition" id="dfn-complete">complete</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1045" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1058" id="l1058"> 1058</a> </td> <td class="source"> at a time that is equal to or after their end time, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b0602c4c66ef/css-transitions-1/Overview.bs#l1060" title="b0602c4c66ef: typo: Double words (#5951)">nschonni@26667</a> </td> <td class="lineno"> <a href="#l1059" id="l1059"> 1059</a> </td> <td class="source"> but prior to the first <a>style change event</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1313" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l1060" id="l1060"> 1060</a> </td> <td class="source"> whose time is equal to or after their <a>end time</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2dc08c959dd8/css-transitions/Overview.src.html#l1391" title="2dc08c959dd8: [css-transitions] Define completion of transitions.">dbaron@14850</a> </td> <td class="lineno"> <a href="#l1061" id="l1061"> 1061</a> </td> <td class="source"> When a transition completes, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l1076" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l1062" id="l1062"> 1062</a> </td> <td class="source"> implementations must move </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2dc08c959dd8/css-transitions/Overview.src.html#l1393" title="2dc08c959dd8: [css-transitions] Define completion of transitions.">dbaron@14850</a> </td> <td class="lineno"> <a href="#l1063" id="l1063"> 1063</a> </td> <td class="source"> all transitions that complete at that time </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l1078" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l1064" id="l1064"> 1064</a> </td> <td class="source"> from the set of <a>running transitions</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/891cc8148b8d/css-transitions/Overview.bs#l1079" title="891cc8148b8d: [css-transitions] Define a set of completed transitions that implementations must maintain, as part of the new definition of starting and canceling of transitions.">dbaron@15108</a> </td> <td class="lineno"> <a href="#l1065" id="l1065"> 1065</a> </td> <td class="source"> to the set of <a>completed transitions</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2dc08c959dd8/css-transitions/Overview.src.html#l1395" title="2dc08c959dd8: [css-transitions] Define completion of transitions.">dbaron@14850</a> </td> <td class="lineno"> <a href="#l1066" id="l1066"> 1066</a> </td> <td class="source"> and then fire the <a href="#transition-events">events</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2dc08c959dd8/css-transitions/Overview.src.html#l1396" title="2dc08c959dd8: [css-transitions] Define completion of transitions.">dbaron@14850</a> </td> <td class="lineno"> <a href="#l1067" id="l1067"> 1067</a> </td> <td class="source"> for those completions. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b03ee33c2f1/css-transitions/Overview.bs#l1098" title="2b03ee33c2f1: [css-transitions] Clarify what "otherwise" means in this context.">dbaron@15193</a> </td> <td class="lineno"> <a href="#l1068" id="l1068"> 1068</a> </td> <td class="source"> <span class="note">(Note that doing otherwise, that is, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b03ee33c2f1/css-transitions/Overview.bs#l1099" title="2b03ee33c2f1: [css-transitions] Clarify what "otherwise" means in this context.">dbaron@15193</a> </td> <td class="lineno"> <a href="#l1069" id="l1069"> 1069</a> </td> <td class="source"> firing some of the events before doing all of the moving </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b03ee33c2f1/css-transitions/Overview.bs#l1100" title="2b03ee33c2f1: [css-transitions] Clarify what "otherwise" means in this context.">dbaron@15193</a> </td> <td class="lineno"> <a href="#l1070" id="l1070"> 1070</a> </td> <td class="source"> from <a>running transitions</a> to <a>completed transitions</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b03ee33c2f1/css-transitions/Overview.bs#l1101" title="2b03ee33c2f1: [css-transitions] Clarify what "otherwise" means in this context.">dbaron@15193</a> </td> <td class="lineno"> <a href="#l1071" id="l1071"> 1071</a> </td> <td class="source"> could allow </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2dc08c959dd8/css-transitions/Overview.src.html#l1398" title="2dc08c959dd8: [css-transitions] Define completion of transitions.">dbaron@14850</a> </td> <td class="lineno"> <a href="#l1072" id="l1072"> 1072</a> </td> <td class="source"> a style change event to happen </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2dc08c959dd8/css-transitions/Overview.src.html#l1399" title="2dc08c959dd8: [css-transitions] Define completion of transitions.">dbaron@14850</a> </td> <td class="lineno"> <a href="#l1073" id="l1073"> 1073</a> </td> <td class="source"> without the necessary transitions completing, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2dc08c959dd8/css-transitions/Overview.src.html#l1400" title="2dc08c959dd8: [css-transitions] Define completion of transitions.">dbaron@14850</a> </td> <td class="lineno"> <a href="#l1074" id="l1074"> 1074</a> </td> <td class="source"> since firing the event could cause a style change event, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/45c2a55c3cf2/css-transitions/Overview.bs#l1102" title="45c2a55c3cf2: [css-transitions] Clean up some probably-incorrect uses of the term "computed style".">dbaron@15192</a> </td> <td class="lineno"> <a href="#l1075" id="l1075"> 1075</a> </td> <td class="source"> if an event handler requests up-to-date computed style or </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/45c2a55c3cf2/css-transitions/Overview.bs#l1103" title="45c2a55c3cf2: [css-transitions] Clean up some probably-incorrect uses of the term "computed style".">dbaron@15192</a> </td> <td class="lineno"> <a href="#l1076" id="l1076"> 1076</a> </td> <td class="source"> layout data.)</span> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1397" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l1077" id="l1077"> 1077</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a1eb9e5e084d/css-transitions/Overview.src.html#l1398" title="a1eb9e5e084d: [css-transitions] Define canceling and interrupting of transitions much more precisely.">dbaron@14844</a> </td> <td class="lineno"> <a href="#l1078" id="l1078"> 1078</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1141" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l1079" id="l1079"> 1079</a> </td> <td class="source"><span id="transition-events-">Transition Events</span> {#transition-events} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1142" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l1080" id="l1080"> 1080</a> </td> <td class="source">=========================================================================== </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1182" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1081" id="l1081"> 1081</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1183" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1082" id="l1082"> 1082</a> </td> <td class="source">The creation, beginning, completion, and cancellation of CSS transitions </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1184" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1083" id="l1083"> 1083</a> </td> <td class="source">generate corresponding DOM Events. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1185" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1084" id="l1084"> 1084</a> </td> <td class="source">An event is <a>dispatched</a> to the element for each property that undergoes </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1186" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1085" id="l1085"> 1085</a> </td> <td class="source">a transition on that element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1187" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1086" id="l1086"> 1086</a> </td> <td class="source">This allows a content developer to perform actions that synchronize </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1188" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1087" id="l1087"> 1087</a> </td> <td class="source">with changes to transitions. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1189" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1088" id="l1088"> 1088</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1190" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1089" id="l1089"> 1089</a> </td> <td class="source">Each event provides the name of the property the transition is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1191" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1090" id="l1090"> 1090</a> </td> <td class="source">associated with as well as the duration of the transition. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1192" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1091" id="l1091"> 1091</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1193" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1092" id="l1092"> 1092</a> </td> <td class="source">## Interface {{TransitionEvent}} ## {#interface-transitionevent} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1194" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1093" id="l1093"> 1093</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1195" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1094" id="l1094"> 1094</a> </td> <td class="source">The {{TransitionEvent}} interface provides specific contextual information </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1196" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1095" id="l1095"> 1095</a> </td> <td class="source">associated with transitions. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1197" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1096" id="l1096"> 1096</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1198" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1097" id="l1097"> 1097</a> </td> <td class="source">### IDL Definition ### {#interface-transitionevent-idl} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1199" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1098" id="l1098"> 1098</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1200" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1099" id="l1099"> 1099</a> </td> <td class="source"><pre class="idl"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/008ec0bca546/css-transitions-1/Overview.bs#l1088" title="008ec0bca546: [css-transitions-1] Align with Web IDL specification">saschanaz+autokagami@24086</a> </td> <td class="lineno"> <a href="#l1100" id="l1100"> 1100</a> </td> <td class="source"> [Exposed=Window] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1356" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l1101" id="l1101"> 1101</a> </td> <td class="source"> interface TransitionEvent : Event { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/008ec0bca546/css-transitions-1/Overview.bs#l1090" title="008ec0bca546: [css-transitions-1] Align with Web IDL specification">saschanaz+autokagami@24086</a> </td> <td class="lineno"> <a href="#l1102" id="l1102"> 1102</a> </td> <td class="source"> constructor(CSSOMString type, optional TransitionEventInit transitionEventInitDict = {}); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/12cf31ee527b/css-transitions/Overview.bs#l1101" title="12cf31ee527b: [all] Replace most occurrences DOMString with CSSOMString.">simon@19183</a> </td> <td class="lineno"> <a href="#l1103" id="l1103"> 1103</a> </td> <td class="source"> readonly attribute CSSOMString propertyName; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b8f00697faff/css-transitions-1/Overview.bs#l1108" title="b8f00697faff: [css-transitions] Change TransitionEvent elapsedTime from 'float' to 'double' (#2671)">stephen@21054</a> </td> <td class="lineno"> <a href="#l1104" id="l1104"> 1104</a> </td> <td class="source"> readonly attribute double elapsedTime; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/12cf31ee527b/css-transitions/Overview.bs#l1103" title="12cf31ee527b: [all] Replace most occurrences DOMString with CSSOMString.">simon@19183</a> </td> <td class="lineno"> <a href="#l1105" id="l1105"> 1105</a> </td> <td class="source"> readonly attribute CSSOMString pseudoElement; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l638" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l1106" id="l1106"> 1106</a> </td> <td class="source"> }; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3c4df823dd45/css3-transitions/Overview.src.html#l1078" title="3c4df823dd45: [css3-transitions] Change TransitionEvent to use an event constructor.">dbaron@7316</a> </td> <td class="lineno"> <a href="#l1107" id="l1107"> 1107</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e8b734340961/css-transitions/Overview.bs#l1362" title="e8b734340961: [css-transitions] Convert CSS Transitions spec to bikeshed preprocessor.">dbaron@15091</a> </td> <td class="lineno"> <a href="#l1108" id="l1108"> 1108</a> </td> <td class="source"> dictionary TransitionEventInit : EventInit { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/12cf31ee527b/css-transitions/Overview.bs#l1107" title="12cf31ee527b: [all] Replace most occurrences DOMString with CSSOMString.">simon@19183</a> </td> <td class="lineno"> <a href="#l1109" id="l1109"> 1109</a> </td> <td class="source"> CSSOMString propertyName = ""; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b8f00697faff/css-transitions-1/Overview.bs#l1114" title="b8f00697faff: [css-transitions] Change TransitionEvent elapsedTime from 'float' to 'double' (#2671)">stephen@21054</a> </td> <td class="lineno"> <a href="#l1110" id="l1110"> 1110</a> </td> <td class="source"> double elapsedTime = 0.0; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/12cf31ee527b/css-transitions/Overview.bs#l1109" title="12cf31ee527b: [all] Replace most occurrences DOMString with CSSOMString.">simon@19183</a> </td> <td class="lineno"> <a href="#l1111" id="l1111"> 1111</a> </td> <td class="source"> CSSOMString pseudoElement = ""; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d620bf8172a7/css-transitions/Overview.src.html#l1298" title="d620bf8172a7: [css-transitions] Fix IDL syntax error found by http://www.w3.org/2009/07/webidl-check .">dbaron@14457</a> </td> <td class="lineno"> <a href="#l1112" id="l1112"> 1112</a> </td> <td class="source"> }; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1213" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1113" id="l1113"> 1113</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1214" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1114" id="l1114"> 1114</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1215" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1115" id="l1115"> 1115</a> </td> <td class="source">### Attributes ### {#interface-transitionevent-attributes} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1216" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1116" id="l1116"> 1116</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b8f00697faff/css-transitions-1/Overview.bs#l1121" title="b8f00697faff: [css-transitions] Change TransitionEvent elapsedTime from 'float' to 'double' (#2671)">stephen@21054</a> </td> <td class="lineno"> <a href="#l1117" id="l1117"> 1117</a> </td> <td class="source">: <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-propertyName">propertyName</dfn></code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1218" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1118" id="l1118"> 1118</a> </td> <td class="source">:: The name of the CSS property associated with the transition. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b8bb70aa7e3a/css-transitions/Overview.bs#l1117" title="b8bb70aa7e3a: [css-transitions] Add note to TransitionEvent.propertyName explaining why it's always a longhand.">dbaron@18890</a> </td> <td class="lineno"> <a href="#l1119" id="l1119"> 1119</a> </td> <td class="source"> <p class="note">Note: This is always the name of a longhand property. See 'transition-property' for how specifying shorthand properties causes transitions on longhands.</p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b8f00697faff/css-transitions-1/Overview.bs#l1124" title="b8f00697faff: [css-transitions] Change TransitionEvent elapsedTime from 'float' to 'double' (#2671)">stephen@21054</a> </td> <td class="lineno"> <a href="#l1120" id="l1120"> 1120</a> </td> <td class="source">: <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-elapsedTime">elapsedTime</dfn></code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1220" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1121" id="l1121"> 1121</a> </td> <td class="source">:: The amount of time the transition has been running, in seconds, when this </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1109" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1122" id="l1122"> 1122</a> </td> <td class="source"> event fired not including any time spent in the delay phase. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1110" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1123" id="l1123"> 1123</a> </td> <td class="source"> The calculation for of this member is defined along with each event type. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b8f00697faff/css-transitions-1/Overview.bs#l1128" title="b8f00697faff: [css-transitions] Change TransitionEvent elapsedTime from 'float' to 'double' (#2671)">stephen@21054</a> </td> <td class="lineno"> <a href="#l1124" id="l1124"> 1124</a> </td> <td class="source">: <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-pseudoElement">pseudoElement</dfn></code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1224" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1125" id="l1125"> 1125</a> </td> <td class="source">:: The name (beginning with two colons) of the CSS </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1225" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1126" id="l1126"> 1126</a> </td> <td class="source"> pseudo-element on which the transition occurred (in </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1226" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1127" id="l1127"> 1127</a> </td> <td class="source"> which case the target of the event is that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1227" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1128" id="l1128"> 1128</a> </td> <td class="source"> pseudo-element's corresponding element), or the empty </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1228" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1129" id="l1129"> 1129</a> </td> <td class="source"> string if the transition occurred on an element (which </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1229" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1130" id="l1130"> 1130</a> </td> <td class="source"> means the target of the event is that element). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1230" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1131" id="l1131"> 1131</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1231" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1132" id="l1132"> 1132</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1232" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1133" id="l1133"> 1133</a> </td> <td class="source"><code id="TransitionEvent-constructor"><dfn constructor </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1233" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1134" id="l1134"> 1134</a> </td> <td class="source">for="TransitionEvent">TransitionEvent(type, transitionEventInitDict)</dfn></code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1234" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1135" id="l1135"> 1135</a> </td> <td class="source">is an <a>event constructor</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4fb03bfb8f4e/css-transitions/Overview.bs#l1235" title="4fb03bfb8f4e: [css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec">birtles@18302</a> </td> <td class="lineno"> <a href="#l1136" id="l1136"> 1136</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1268" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1137" id="l1137"> 1137</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1269" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1138" id="l1138"> 1138</a> </td> <td class="source">Types of <code>TransitionEvent</code> {#event-transitionevent} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1270" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1139" id="l1139"> 1139</a> </td> <td class="source">-------------------------------------------------------------- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1271" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1140" id="l1140"> 1140</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1272" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1141" id="l1141"> 1141</a> </td> <td class="source">The different types of transition events that can occur are: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1273" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1142" id="l1142"> 1142</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0805d8c0d421/css-transitions-1/Overview.bs#l1144" title="0805d8c0d421: Associate event definitions with their EventHandler container">dom@28488</a> </td> <td class="lineno"> <a href="#l1143" id="l1143"> 1143</a> </td> <td class="source"> <dl dfn-type=event dfn-for=GlobalEventHandlers> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d458b729f621/css-transitions/Overview.bs#l1243" title="d458b729f621: [css-transitions] Fix transition event linking">birtles@18305</a> </td> <td class="lineno"> <a href="#l1144" id="l1144"> 1144</a> </td> <td class="source"> <dt><dfn id=transitionrun>transitionrun</dfn></dt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1276" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1145" id="l1145"> 1145</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1277" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1146" id="l1146"> 1146</a> </td> <td class="source"> The {{transitionrun}} event occurs when a transition is created (i.e., </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1278" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1147" id="l1147"> 1147</a> </td> <td class="source"> when it is added to the set of <a>running transitions</a>). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1279" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1148" id="l1148"> 1148</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1280" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1149" id="l1149"> 1149</a> </td> <td class="source"> A negative 'transition-delay' will cause the event to fire with </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1281" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1150" id="l1150"> 1150</a> </td> <td class="source"> an {{TransitionEvent/elapsedTime}} equal to the absolute value of the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1282" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1151" id="l1151"> 1151</a> </td> <td class="source"> delay capped to the 'transition-duration' of the animation. That is, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1283" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1152" id="l1152"> 1152</a> </td> <td class="source"> the elapsed time is equal to </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1284" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1153" id="l1153"> 1153</a> </td> <td class="source"> <code>min(max(-'transition-delay', 0), 'transition-duration'</a>)</code>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1285" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1154" id="l1154"> 1154</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1286" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1155" id="l1155"> 1155</a> </td> <td class="source"> <li>Bubbles: Yes</li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1287" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1156" id="l1156"> 1156</a> </td> <td class="source"> <li>Cancelable: No</li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1288" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1157" id="l1157"> 1157</a> </td> <td class="source"> <li>Context Info: propertyName, elapsedTime, pseudoElement</li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1289" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1158" id="l1158"> 1158</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1290" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1159" id="l1159"> 1159</a> </td> <td class="source"> </dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1291" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1160" id="l1160"> 1160</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d458b729f621/css-transitions/Overview.bs#l1260" title="d458b729f621: [css-transitions] Fix transition event linking">birtles@18305</a> </td> <td class="lineno"> <a href="#l1161" id="l1161"> 1161</a> </td> <td class="source"> <dt><dfn id=transitionstart>transitionstart</dfn></dt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1293" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1162" id="l1162"> 1162</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1294" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1163" id="l1163"> 1163</a> </td> <td class="source"> The {{transitionstart}} event occurs when a transition's delay phase ends. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1295" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1164" id="l1164"> 1164</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1296" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1165" id="l1165"> 1165</a> </td> <td class="source"> The value of {{TransitionEvent/elapsedTime}} for {{transitionstart}} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1297" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1166" id="l1166"> 1166</a> </td> <td class="source"> events is the same as the value used for {{transitionrun}} events. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1298" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1167" id="l1167"> 1167</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1299" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1168" id="l1168"> 1168</a> </td> <td class="source"> <li>Bubbles: Yes</li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1300" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1169" id="l1169"> 1169</a> </td> <td class="source"> <li>Cancelable: No</li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1301" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1170" id="l1170"> 1170</a> </td> <td class="source"> <li>Context Info: propertyName, elapsedTime, pseudoElement</li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1302" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1171" id="l1171"> 1171</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1303" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1172" id="l1172"> 1172</a> </td> <td class="source"> </dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1304" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1173" id="l1173"> 1173</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d458b729f621/css-transitions/Overview.bs#l1273" title="d458b729f621: [css-transitions] Fix transition event linking">birtles@18305</a> </td> <td class="lineno"> <a href="#l1174" id="l1174"> 1174</a> </td> <td class="source"> <dt><dfn id=transitionend>transitionend</dfn></dt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1306" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1175" id="l1175"> 1175</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1307" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1176" id="l1176"> 1176</a> </td> <td class="source"> The {{transitionend}} event occurs at the completion of the transition. In </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1308" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1177" id="l1177"> 1177</a> </td> <td class="source"> the case where a transition is removed before completion, such as if the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1309" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1178" id="l1178"> 1178</a> </td> <td class="source"> 'transition-property' is removed, then the event will not fire. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1310" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1179" id="l1179"> 1179</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1311" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1180" id="l1180"> 1180</a> </td> <td class="source"> The value of {{TransitionEvent/elapsedTime}} for this event is equal to </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1312" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1181" id="l1181"> 1181</a> </td> <td class="source"> the value of 'transition-duration'. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1313" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1182" id="l1182"> 1182</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1314" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1183" id="l1183"> 1183</a> </td> <td class="source"> <li>Bubbles: Yes</li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1315" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1184" id="l1184"> 1184</a> </td> <td class="source"> <li>Cancelable: No</li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1316" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1185" id="l1185"> 1185</a> </td> <td class="source"> <li>Context Info: propertyName, elapsedTime, pseudoElement</li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1317" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1186" id="l1186"> 1186</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1318" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1187" id="l1187"> 1187</a> </td> <td class="source"> </dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1319" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1188" id="l1188"> 1188</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d458b729f621/css-transitions/Overview.bs#l1288" title="d458b729f621: [css-transitions] Fix transition event linking">birtles@18305</a> </td> <td class="lineno"> <a href="#l1189" id="l1189"> 1189</a> </td> <td class="source"> <dt><dfn id=transitioncancel>transitioncancel</dfn></dt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1321" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1190" id="l1190"> 1190</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1322" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1191" id="l1191"> 1191</a> </td> <td class="source"> The {{transitioncancel}} event occurs when a transition is <a </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8b4265c1a7d9/css-transitions/Overview.bs#l1195" title="8b4265c1a7d9: [css-transitions] Convert to en-US spelling.">dbaron@19662</a> </td> <td class="lineno"> <a href="#l1192" id="l1192"> 1192</a> </td> <td class="source"> lt="cancel">canceled</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1324" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1193" id="l1193"> 1193</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1325" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1194" id="l1194"> 1194</a> </td> <td class="source"> The {{TransitionEvent/elapsedTime}} for {{transitioncancel}} events is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1326" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1195" id="l1195"> 1195</a> </td> <td class="source"> the number of seconds from the end of the transition's delay to the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8b4265c1a7d9/css-transitions/Overview.bs#l1199" title="8b4265c1a7d9: [css-transitions] Convert to en-US spelling.">dbaron@19662</a> </td> <td class="lineno"> <a href="#l1196" id="l1196"> 1196</a> </td> <td class="source"> moment when the transition was canceled. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1328" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1197" id="l1197"> 1197</a> </td> <td class="source"> If the transition had a negative 'transition-delay', the beginning of the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1329" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1198" id="l1198"> 1198</a> </td> <td class="source"> transition is the moment equal to the absolute value of 'transition-delay' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1330" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1199" id="l1199"> 1199</a> </td> <td class="source"> seconds <em>prior</em> to when the transition was actually triggered. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1331" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1200" id="l1200"> 1200</a> </td> <td class="source"> Alternatively, if the transition had a positive 'transition-delay' and the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1332" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1201" id="l1201"> 1201</a> </td> <td class="source"> event is fired before the transition's delay has expired, the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1333" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1202" id="l1202"> 1202</a> </td> <td class="source"> {{AnimationEvent/elapsedTime}} will be zero. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1334" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1203" id="l1203"> 1203</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1335" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1204" id="l1204"> 1204</a> </td> <td class="source"> <li>Bubbles: Yes</li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1336" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1205" id="l1205"> 1205</a> </td> <td class="source"> <li>Cancelable: No</li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1337" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1206" id="l1206"> 1206</a> </td> <td class="source"> <li>Context Info: propertyName, elapsedTime, pseudoElement</li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1338" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1207" id="l1207"> 1207</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1339" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1208" id="l1208"> 1208</a> </td> <td class="source"> </dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1340" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1209" id="l1209"> 1209</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14560a693543/css3-transitions/Overview.src.html#l743" title="14560a693543: Initial checkin of transitions">dino@936</a> </td> <td class="lineno"> <a href="#l1210" id="l1210"> 1210</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1274" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1211" id="l1211"> 1211</a> </td> <td class="source">Event handlers on elements, <code>Document</code> objects, and <code>Window</code> objects {#event-handlers-on-elements-document-objects-and-window-objects} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1275" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1212" id="l1212"> 1212</a> </td> <td class="source">--------------------------------------------------------------------------- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1276" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1213" id="l1213"> 1213</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1345" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1214" id="l1214"> 1214</a> </td> <td class="source">The following are the <a>event handlers</a> (and their corresponding <a>event </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1346" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1215" id="l1215"> 1215</a> </td> <td class="source">handler event types</a>) that must be supported by all <a>HTML elements</a>, as </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1347" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1216" id="l1216"> 1216</a> </td> <td class="source">both <a>event handler content attributes</a> and <a>event handler IDL </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1348" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1217" id="l1217"> 1217</a> </td> <td class="source">attributes</a>; and that must be supported by all {{Document}} and {{Window}} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1349" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1218" id="l1218"> 1218</a> </td> <td class="source">objects, as <a>event handler IDL attributes</a>: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1350" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1219" id="l1219"> 1219</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1351" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1220" id="l1220"> 1220</a> </td> <td class="source"><table class="event-handlers"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1352" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1221" id="l1221"> 1221</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1353" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1222" id="l1222"> 1222</a> </td> <td class="source"> <th><a>Event handler</a></th> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1354" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1223" id="l1223"> 1223</a> </td> <td class="source"> <th><a>Event handler event type</a></th> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1355" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1224" id="l1224"> 1224</a> </td> <td class="source"> </tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1356" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1225" id="l1225"> 1225</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e284355016a5/css-transitions-1/Overview.bs#l1195" title="e284355016a5: [css-transitions-1] Fix warnings about unused definitions">birtles@21755</a> </td> <td class="lineno"> <a href="#l1226" id="l1226"> 1226</a> </td> <td class="source"> <td>{{GlobalEventHandlers/ontransitionrun}}</td> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d458b729f621/css-transitions/Overview.bs#l1326" title="d458b729f621: [css-transitions] Fix transition event linking">birtles@18305</a> </td> <td class="lineno"> <a href="#l1227" id="l1227"> 1227</a> </td> <td class="source"> <td><a idl>transitionrun</a></td> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1359" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1228" id="l1228"> 1228</a> </td> <td class="source"> </tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1360" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1229" id="l1229"> 1229</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e284355016a5/css-transitions-1/Overview.bs#l1199" title="e284355016a5: [css-transitions-1] Fix warnings about unused definitions">birtles@21755</a> </td> <td class="lineno"> <a href="#l1230" id="l1230"> 1230</a> </td> <td class="source"> <td>{{GlobalEventHandlers/ontransitionstart}}</td> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d458b729f621/css-transitions/Overview.bs#l1330" title="d458b729f621: [css-transitions] Fix transition event linking">birtles@18305</a> </td> <td class="lineno"> <a href="#l1231" id="l1231"> 1231</a> </td> <td class="source"> <td><a idl>transitionstart</a></td> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1363" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1232" id="l1232"> 1232</a> </td> <td class="source"> </tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1364" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1233" id="l1233"> 1233</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e284355016a5/css-transitions-1/Overview.bs#l1203" title="e284355016a5: [css-transitions-1] Fix warnings about unused definitions">birtles@21755</a> </td> <td class="lineno"> <a href="#l1234" id="l1234"> 1234</a> </td> <td class="source"> <td>{{GlobalEventHandlers/ontransitionend}}</td> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d458b729f621/css-transitions/Overview.bs#l1334" title="d458b729f621: [css-transitions] Fix transition event linking">birtles@18305</a> </td> <td class="lineno"> <a href="#l1235" id="l1235"> 1235</a> </td> <td class="source"> <td><a idl>transitionend</a></td> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1367" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1236" id="l1236"> 1236</a> </td> <td class="source"> </tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1368" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1237" id="l1237"> 1237</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e284355016a5/css-transitions-1/Overview.bs#l1207" title="e284355016a5: [css-transitions-1] Fix warnings about unused definitions">birtles@21755</a> </td> <td class="lineno"> <a href="#l1238" id="l1238"> 1238</a> </td> <td class="source"> <td>{{GlobalEventHandlers/ontransitioncancel}}</td> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d458b729f621/css-transitions/Overview.bs#l1338" title="d458b729f621: [css-transitions] Fix transition event linking">birtles@18305</a> </td> <td class="lineno"> <a href="#l1239" id="l1239"> 1239</a> </td> <td class="source"> <td><a idl>transitioncancel</a></td> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1371" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1240" id="l1240"> 1240</a> </td> <td class="source"> </tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1372" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1241" id="l1241"> 1241</a> </td> <td class="source"></table> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1282" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1242" id="l1242"> 1242</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1283" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1243" id="l1243"> 1243</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1284" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1244" id="l1244"> 1244</a> </td> <td class="source">DOM Interfaces {#interface-dom} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1285" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1245" id="l1245"> 1245</a> </td> <td class="source">=============================== </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1286" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1246" id="l1246"> 1246</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2d7364e9dc04/css-transitions-1/Overview.bs#l1235" title="2d7364e9dc04: GlobalEventHandlers is a mixin">saschanaz@22023</a> </td> <td class="lineno"> <a href="#l1247" id="l1247"> 1247</a> </td> <td class="source">This specification extends the {{GlobalEventHandlers}} interface mixin from HTML to </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1288" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1248" id="l1248"> 1248</a> </td> <td class="source">add <a>event handler IDL attributes</a> for <a </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1289" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1249" id="l1249"> 1249</a> </td> <td class="source">href="#transition-events">transition events</a> as defined in [[#event-handlers-on-elements-document-objects-and-window-objects]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1290" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1250" id="l1250"> 1250</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1291" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1251" id="l1251"> 1251</a> </td> <td class="source">IDL Definition {#interface-globaleventhandlers-idl} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1292" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1252" id="l1252"> 1252</a> </td> <td class="source">-------------- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1293" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1253" id="l1253"> 1253</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1294" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1254" id="l1254"> 1254</a> </td> <td class="source"><pre class="idl"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2d7364e9dc04/css-transitions-1/Overview.bs#l1243" title="2d7364e9dc04: GlobalEventHandlers is a mixin">saschanaz@22023</a> </td> <td class="lineno"> <a href="#l1255" id="l1255"> 1255</a> </td> <td class="source">partial interface mixin GlobalEventHandlers { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1387" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1256" id="l1256"> 1256</a> </td> <td class="source"> attribute EventHandler ontransitionrun; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1388" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1257" id="l1257"> 1257</a> </td> <td class="source"> attribute EventHandler ontransitionstart; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1296" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1258" id="l1258"> 1258</a> </td> <td class="source"> attribute EventHandler ontransitionend; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/33144ea203e9/css-transitions/Overview.bs#l1390" title="33144ea203e9: [css-transitions][css-transitions-2] Move new transition events to transitions level 1">birtles@18300</a> </td> <td class="lineno"> <a href="#l1259" id="l1259"> 1259</a> </td> <td class="source"> attribute EventHandler ontransitioncancel; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1297" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1260" id="l1260"> 1260</a> </td> <td class="source">}; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1298" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1261" id="l1261"> 1261</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fd9aecb6eb90/css-transitions/Overview.bs#l1299" title="fd9aecb6eb90: [css-transitions] Add ontransitionend global event handler">birtles@18068</a> </td> <td class="lineno"> <a href="#l1262" id="l1262"> 1262</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1681" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1263" id="l1263"> 1263</a> </td> <td class="source">Security Considerations {#security} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1682" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1264" id="l1264"> 1264</a> </td> <td class="source">=================================== </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1683" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1265" id="l1265"> 1265</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1684" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1266" id="l1266"> 1266</a> </td> <td class="source"><em>This section is not normative.</em> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1685" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1267" id="l1267"> 1267</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1686" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1268" id="l1268"> 1268</a> </td> <td class="source">The security implications of this specification are limited </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1687" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1269" id="l1269"> 1269</a> </td> <td class="source">because it doesn't allow Web content to do things </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1688" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1270" id="l1270"> 1270</a> </td> <td class="source">that it could not do before. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1689" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1271" id="l1271"> 1271</a> </td> <td class="source">Rather, it allows things that could previously be done with script </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1690" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1272" id="l1272"> 1272</a> </td> <td class="source">to be done declaratively, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1691" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1273" id="l1273"> 1273</a> </td> <td class="source">and it ways that implementations can optimize (for frame rate and </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1692" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1274" id="l1274"> 1274</a> </td> <td class="source">CPU usage). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1693" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1275" id="l1275"> 1275</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1694" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1276" id="l1276"> 1276</a> </td> <td class="source">One of the major categories of optimizations </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1695" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1277" id="l1277"> 1277</a> </td> <td class="source">that implementations can make is implementing animation </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1696" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1278" id="l1278"> 1278</a> </td> <td class="source">of certain high-value properties (such as 'transform' and 'opacity') </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1697" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1279" id="l1279"> 1279</a> </td> <td class="source">run on a browser's compositor thread or process </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1698" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1280" id="l1280"> 1280</a> </td> <td class="source">without updating style or layout on the main Web content thread </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1699" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1281" id="l1281"> 1281</a> </td> <td class="source">unless up-to-date style data are needed. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1700" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1282" id="l1282"> 1282</a> </td> <td class="source">This optimization often requires allocations of graphics memory </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1701" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1283" id="l1283"> 1283</a> </td> <td class="source">to display the contents of the element being animated. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1702" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1284" id="l1284"> 1284</a> </td> <td class="source">Implementations should take care to ensure that Web content </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1703" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1285" id="l1285"> 1285</a> </td> <td class="source">cannot trigger unsafe out-of-memory handling </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1704" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1286" id="l1286"> 1286</a> </td> <td class="source">by using large numbers of animations </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1705" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1287" id="l1287"> 1287</a> </td> <td class="source">or animations on elements covering large areas </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1706" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1288" id="l1288"> 1288</a> </td> <td class="source">(where large may be defined in terms of pre-transform or post-transform size). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1707" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1289" id="l1289"> 1289</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1708" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1290" id="l1290"> 1290</a> </td> <td class="source">Privacy Considerations {#privacy} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1709" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1291" id="l1291"> 1291</a> </td> <td class="source">================================= </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1710" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1292" id="l1292"> 1292</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1711" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1293" id="l1293"> 1293</a> </td> <td class="source"><em>This section is not normative.</em> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1712" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1294" id="l1294"> 1294</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1713" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1295" id="l1295"> 1295</a> </td> <td class="source">As for security, the privacy considerations of this specification are limited </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1714" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1296" id="l1296"> 1296</a> </td> <td class="source">because it does not allow Web content to do things that it could not do before. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1715" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1297" id="l1297"> 1297</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1716" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1298" id="l1298"> 1298</a> </td> <td class="source">This specification may provide additional mechanisms that help to determine </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1717" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1299" id="l1299"> 1299</a> </td> <td class="source">characteristics of the user's hardware or software. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1718" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1300" id="l1300"> 1300</a> </td> <td class="source">However, ability to determine performance characteristics of the user's </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1719" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1301" id="l1301"> 1301</a> </td> <td class="source">hardware or software is common to many Web technologies, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1720" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1302" id="l1302"> 1302</a> </td> <td class="source">and this specification does not introduce new capabilities. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1721" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1303" id="l1303"> 1303</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1722" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1304" id="l1304"> 1304</a> </td> <td class="source">As described in [[#accessibility]], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1723" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1305" id="l1305"> 1305</a> </td> <td class="source">implementations may provide mitigations to help users with disabilities. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1724" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1306" id="l1306"> 1306</a> </td> <td class="source">These mitigations are likely to be detectable by Web content, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1725" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1307" id="l1307"> 1307</a> </td> <td class="source">which means that users who would benefit from these mitigations </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1726" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1308" id="l1308"> 1308</a> </td> <td class="source">may face a tradeoff between keeping their disability private from </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1727" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1309" id="l1309"> 1309</a> </td> <td class="source">the Web content or benefiting from the mitigation. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1728" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1310" id="l1310"> 1310</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1729" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1311" id="l1311"> 1311</a> </td> <td class="source">Accessibility Considerations {#accessibility} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1730" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1312" id="l1312"> 1312</a> </td> <td class="source">============================================= </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1731" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1313" id="l1313"> 1313</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1732" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1314" id="l1314"> 1314</a> </td> <td class="source"><em>This section is not normative.</em> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1733" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1315" id="l1315"> 1315</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1734" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1316" id="l1316"> 1316</a> </td> <td class="source">Motion {#accessibility-motion} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1735" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1317" id="l1317"> 1317</a> </td> <td class="source">------------------------------ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1736" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1318" id="l1318"> 1318</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1737" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1319" id="l1319"> 1319</a> </td> <td class="source">This specification provides declarative mechanisms for animations </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1738" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1320" id="l1320"> 1320</a> </td> <td class="source">that previously needed to be done using script. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1739" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1321" id="l1321"> 1321</a> </td> <td class="source">Providing a declarative mechanism has multiple effects: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1740" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1322" id="l1322"> 1322</a> </td> <td class="source">it makes such animations easier to make and thus likely to be more common, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1741" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1323" id="l1323"> 1323</a> </td> <td class="source">but it also makes it easier for user agents to modify those animations </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1742" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1324" id="l1324"> 1324</a> </td> <td class="source">if such modifications are needed to meet a user's accessibility needs. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1743" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1325" id="l1325"> 1325</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1744" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1326" id="l1326"> 1326</a> </td> <td class="source">Thus, users who are sensitive to movement, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1745" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1327" id="l1327"> 1327</a> </td> <td class="source">or who require additional time to read or understand content, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1746" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1328" id="l1328"> 1328</a> </td> <td class="source">may benefit from user agent features that allow </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1747" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1329" id="l1329"> 1329</a> </td> <td class="source">animations to be disabled or slowed down. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1748" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1330" id="l1330"> 1330</a> </td> <td class="source">(But see [[#privacy]] for information on the privacy implications </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1749" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1331" id="l1331"> 1331</a> </td> <td class="source">of such mitigations.) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1750" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1332" id="l1332"> 1332</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1751" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1333" id="l1333"> 1333</a> </td> <td class="source">User agent implementors should be aware that Web content </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1752" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1334" id="l1334"> 1334</a> </td> <td class="source">may depend on the firing of <a href="#transition-events">transition events</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1753" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1335" id="l1335"> 1335</a> </td> <td class="source">so implementations of such mitigations may wish to fire transition events </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1754" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1336" id="l1336"> 1336</a> </td> <td class="source">even if the transitions were not run as continuous animations. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1755" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1337" id="l1337"> 1337</a> </td> <td class="source">However, it is probably poor practice for Web content to depend on </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1756" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1338" id="l1338"> 1338</a> </td> <td class="source">such events to function correctly. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1757" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1339" id="l1339"> 1339</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1758" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1340" id="l1340"> 1340</a> </td> <td class="source">Cascade {#accessibility-cascade} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1759" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1341" id="l1341"> 1341</a> </td> <td class="source">-------------------------------- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1760" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1342" id="l1342"> 1342</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1761" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1343" id="l1343"> 1343</a> </td> <td class="source">The CSS <a>cascade</a> is a general mechanism in CSS </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1762" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1344" id="l1344"> 1344</a> </td> <td class="source">that allows user needs to interact with author styles. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1763" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1345" id="l1345"> 1345</a> </td> <td class="source">This specification interacts with the cascade, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1764" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1346" id="l1346"> 1346</a> </td> <td class="source">but since it only allows animation between values </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1765" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1347" id="l1347"> 1347</a> </td> <td class="source">that result from the existing cascade rules, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a93412dc6d2/css-transitions/Overview.bs#l1766" title="9a93412dc6d2: [css-transitions] Typo fix.">dbaron@17012</a> </td> <td class="lineno"> <a href="#l1348" id="l1348"> 1348</a> </td> <td class="source">it does not interfere with the user's ability to force </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1767" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1349" id="l1349"> 1349</a> </td> <td class="source">CSS properties to have particular values. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1768" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1350" id="l1350"> 1350</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1769" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1351" id="l1351"> 1351</a> </td> <td class="source">The cascade also allows users to disable transitions entirely </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1770" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1352" id="l1352"> 1352</a> </td> <td class="source">by overriding the transition properties. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3751a4bf606e/css-transitions/Overview.bs#l1771" title="3751a4bf606e: [css-transitions] Add initial draft of Security Considerations, Privacy Considerations, and Accessibility Considerations.">dbaron@17011</a> </td> <td class="lineno"> <a href="#l1353" id="l1353"> 1353</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1354" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1354" id="l1354"> 1354</a> </td> <td class="source">Changes {#changes} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1355" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1355" id="l1355"> 1355</a> </td> <td class="source">================== </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1356" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1356" id="l1356"> 1356</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1357" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1357" id="l1357"> 1357</a> </td> <td class="source">Changes since Working Draft of 11 October 2018 {#changes-2018} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1358" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1358" id="l1358"> 1358</a> </td> <td class="source">-------------------------------------------------------------- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1cb2b4e9ea3b/css-transitions/Overview.src.html#l1550" title="1cb2b4e9ea3b: [css-transitions] Add a changes section in the HTML and remove the plaintext changelog.">dbaron@9050</a> </td> <td class="lineno"> <a href="#l1359" id="l1359"> 1359</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1734" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1360" id="l1360"> 1360</a> </td> <td class="source">The following are the substantive changes made since the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1361" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1361" id="l1361"> 1361</a> </td> <td class="source"><a href="https://www.w3.org/TR/2018/WD-css-transitions-1-20181011/">Working Draft </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c90fdc7d7418/css-transitions-1/Overview.bs#l1347" title="c90fdc7d7418: [css-transitions-1] Point to new WD">birtles@21889</a> </td> <td class="lineno"> <a href="#l1362" id="l1362"> 1362</a> </td> <td class="source">dated 11 October 2018</a>: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1cb2b4e9ea3b/css-transitions/Overview.src.html#l1554" title="1cb2b4e9ea3b: [css-transitions] Add a changes section in the HTML and remove the plaintext changelog.">dbaron@9050</a> </td> <td class="lineno"> <a href="#l1363" id="l1363"> 1363</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1364" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1364" id="l1364"> 1364</a> </td> <td class="source">* (Not up to date) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4fb4a46ea65d/css-transitions-1/Overview.bs#l1361" title="4fb4a46ea65d: [css-transitions-1] Update changelog">birtles@21873</a> </td> <td class="lineno"> <a href="#l1365" id="l1365"> 1365</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1744" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1366" id="l1366"> 1366</a> </td> <td class="source">For more details on these changes, see the version control </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1367" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1367" id="l1367"> 1367</a> </td> <td class="source"><a href="https://github.com/w3c/csswg-drafts/commits/main/css-transitions-1/Overview.bs">change log</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1368" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1368" id="l1368"> 1368</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1369" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1369" id="l1369"> 1369</a> </td> <td class="source">Earlier changes {#changes-earlier} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7874be23cf7a/css-transitions-1/Overview.bs#l1370" title="7874be23cf7a: [css-transitions-1][editorial] Tidy up and linkfix changes section">chris@29727</a> </td> <td class="lineno"> <a href="#l1370" id="l1370"> 1370</a> </td> <td class="source">---------------------------------- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1cb2b4e9ea3b/css-transitions/Overview.src.html#l1564" title="1cb2b4e9ea3b: [css-transitions] Add a changes section in the HTML and remove the plaintext changelog.">dbaron@9050</a> </td> <td class="lineno"> <a href="#l1371" id="l1371"> 1371</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1747" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1372" id="l1372"> 1372</a> </td> <td class="source">For changes in earlier working drafts: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/31902c18f45d/css-transitions/Overview.src.html#l1760" title="31902c18f45d: [css-transitions] Post-publication updates: Switch back to ED formatting, update previous version link, and reset changes section.">dbaron@9585</a> </td> <td class="lineno"> <a href="#l1373" id="l1373"> 1373</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1749" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1374" id="l1374"> 1374</a> </td> <td class="source">1. See the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c90fdc7d7418/css-transitions-1/Overview.bs#l1357" title="c90fdc7d7418: [css-transitions-1] Point to new WD">birtles@21889</a> </td> <td class="lineno"> <a href="#l1375" id="l1375"> 1375</a> </td> <td class="source"> <a href="https://www.w3.org/TR/2018/WD-css-transitions-1-20181011/#changes">changes </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c90fdc7d7418/css-transitions-1/Overview.bs#l1358" title="c90fdc7d7418: [css-transitions-1] Point to new WD">birtles@21889</a> </td> <td class="lineno"> <a href="#l1376" id="l1376"> 1376</a> </td> <td class="source"> section in the 11 October 2018 Working Draft</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c90fdc7d7418/css-transitions-1/Overview.bs#l1359" title="c90fdc7d7418: [css-transitions-1] Point to new WD">birtles@21889</a> </td> <td class="lineno"> <a href="#l1377" id="l1377"> 1377</a> </td> <td class="source">1. See the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1750" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1378" id="l1378"> 1378</a> </td> <td class="source"> <a href="https://www.w3.org/TR/2017/WD-css-transitions-1-20171130/#changes">changes </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1751" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1379" id="l1379"> 1379</a> </td> <td class="source"> section in the 30 November 2017 Working Draft</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1752" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1380" id="l1380"> 1380</a> </td> <td class="source">1. See the <a href="https://www.w3.org/TR/2013/WD-css3-transitions-20131119/#changes">changes </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1753" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1381" id="l1381"> 1381</a> </td> <td class="source"> section in the 19 November 2013 Working Draft</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1754" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1382" id="l1382"> 1382</a> </td> <td class="source">1. See the <a href="https://www.w3.org/TR/2013/WD-css3-transitions-20130212/ChangeLog">the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1755" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1383" id="l1383"> 1383</a> </td> <td class="source"> ChangeLog</a> for changes in previous working drafts. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1756" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1384" id="l1384"> 1384</a> </td> <td class="source">1. For more details on these changes, see the version control change logs, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1757" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1385" id="l1385"> 1385</a> </td> <td class="source"> which are split in many parts because of file renaming: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1758" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1386" id="l1386"> 1386</a> </td> <td class="source"> * <a href="https://github.com/w3c/csswg-drafts/commits/master/css-transitions-1/Overview.bs">change log since 2017 October 12</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1759" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1387" id="l1387"> 1387</a> </td> <td class="source"> * <a href="https://hg.csswg.org/drafts/log/tip/css-transitions/Overview.bs">change log from 2015 January 26 to 2017 October 12</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1760" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1388" id="l1388"> 1388</a> </td> <td class="source"> * <a href="https://hg.csswg.org/drafts/log/tip/css-transitions/Overview.src.html">change log from 2013 March 28 to 2015 January 26</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/234365bdaf94/css-transitions-1/Overview.bs#l1761" title="234365bdaf94: [css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated">birtles@21753</a> </td> <td class="lineno"> <a href="#l1389" id="l1389"> 1389</a> </td> <td class="source"> * <a href="https://hg.csswg.org/drafts/log/tip/css3-transitions/Overview.src.html">change log before 2013 March 28</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1cb2b4e9ea3b/css-transitions/Overview.src.html#l1567" title="1cb2b4e9ea3b: [css-transitions] Add a changes section in the HTML and remove the plaintext changelog.">dbaron@9050</a> </td> <td class="lineno"> <a href="#l1390" id="l1390"> 1390</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0d855d22939f/css-transitions-1/Overview.bs#l1373" title="0d855d22939f: [css-transitions-1][web-animations-1] Move definitions of animation types for existing properties to Web Animations">birtles@21764</a> </td> <td class="lineno"> <a href="#l1391" id="l1391"> 1391</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1797" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l1392" id="l1392"> 1392</a> </td> <td class="source">Acknowledgments {#acknowledgments} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f16ad8a52c41/css-transitions/Overview.bs#l1798" title="f16ad8a52c41: [css-transitions] Use bikeshed markdown heading syntax.">dbaron@17014</a> </td> <td class="lineno"> <a href="#l1393" id="l1393"> 1393</a> </td> <td class="source">================================== </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f2453d922d28/css3-transitions/Overview.src.html#l1459" title="f2453d922d28: Even more pairs of [] are needed for the grammar to be correct.">dbaron@5312</a> </td> <td class="lineno"> <a href="#l1394" id="l1394"> 1394</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f2453d922d28/css3-transitions/Overview.src.html#l1460" title="f2453d922d28: Even more pairs of [] are needed for the grammar to be correct.">dbaron@5312</a> </td> <td class="lineno"> <a href="#l1395" id="l1395"> 1395</a> </td> <td class="source"><p>Thanks especially to the feedback from </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f2453d922d28/css3-transitions/Overview.src.html#l1461" title="f2453d922d28: Even more pairs of [] are needed for the grammar to be correct.">dbaron@5312</a> </td> <td class="lineno"> <a href="#l1396" id="l1396"> 1396</a> </td> <td class="source">Tab Atkins, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/096a42f389d8/css3-transitions/Overview.src.html#l1599" title="096a42f389d8: [css3-transitions][css3-animations] Make it clear that the comma-separated items in the transition and animation shorthands don't themselves contain comma-separated items (which, if you read the grammar literally, they did). Fixes issue raised in http://lists.w3.org/Archives/Public/www-style/2012Sep/0375.html .">dbaron@6736</a> </td> <td class="lineno"> <a href="#l1397" id="l1397"> 1397</a> </td> <td class="source">Carine Bournez, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cd3920d7b157/css3-transitions/Overview.src.html#l1462" title="cd3920d7b157: Add acknowledgments for edits over the previous few days (the edits from my February issues list).">dbaron@5316</a> </td> <td class="lineno"> <a href="#l1398" id="l1398"> 1398</a> </td> <td class="source">Aryeh Gregor, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cd3920d7b157/css3-transitions/Overview.src.html#l1463" title="cd3920d7b157: Add acknowledgments for edits over the previous few days (the edits from my February issues list).">dbaron@5316</a> </td> <td class="lineno"> <a href="#l1399" id="l1399"> 1399</a> </td> <td class="source">Vincent Hardy, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3ee3ec0b5a5b/css-transitions/Overview.src.html#l1547" title="3ee3ec0b5a5b: [css-animations][css-transitions] Actually, since we don't have init*Event, there's no point worrying about document.createEvent, so so we can just put the defaults in the init dict.">dbaron@8066</a> </td> <td class="lineno"> <a href="#l1400" id="l1400"> 1400</a> </td> <td class="source">Anne van Kesteren, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cd3920d7b157/css3-transitions/Overview.src.html#l1464" title="cd3920d7b157: Add acknowledgments for edits over the previous few days (the edits from my February issues list).">dbaron@5316</a> </td> <td class="lineno"> <a href="#l1401" id="l1401"> 1401</a> </td> <td class="source">Cameron McCormack, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cd3920d7b157/css3-transitions/Overview.src.html#l1465" title="cd3920d7b157: Add acknowledgments for edits over the previous few days (the edits from my February issues list).">dbaron@5316</a> </td> <td class="lineno"> <a href="#l1402" id="l1402"> 1402</a> </td> <td class="source">Alex Mogilevsky, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f89d8556ad29/css-transitions/Overview.src.html#l1782" title="f89d8556ad29: [css-transitions] Fix backwards shadow-list interp.">jackalmage@14185</a> </td> <td class="lineno"> <a href="#l1403" id="l1403"> 1403</a> </td> <td class="source">Jasper St. Pierre, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b863caa5930f/css-transitions/Overview.src.html#l1947" title="b863caa5930f: [css-transitions] Add Estelle Weyl to Acknowledgments as part of merging previous commit.">dbaron@14969</a> </td> <td class="lineno"> <a href="#l1404" id="l1404"> 1404</a> </td> <td class="source">Estelle Weyl, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f2453d922d28/css3-transitions/Overview.src.html#l1462" title="f2453d922d28: Even more pairs of [] are needed for the grammar to be correct.">dbaron@5312</a> </td> <td class="lineno"> <a href="#l1405" id="l1405"> 1405</a> </td> <td class="source">and all the rest of the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f2453d922d28/css3-transitions/Overview.src.html#l1463" title="f2453d922d28: Even more pairs of [] are needed for the grammar to be correct.">dbaron@5312</a> </td> <td class="lineno"> <a href="#l1406" id="l1406"> 1406</a> </td> <td class="source"><a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> community.</p> </td> </tr> </table> <script type="text/javascript">process_dates()</script> <div class="page-footer"> <p>Mercurial Repository: drafts</p> <ul class="rss-logo"> <li><a href="/drafts/rss-log">RSS</a></li> <li><a href="/drafts/atom-log">Atom</a></li> </ul> </div> <div id="powered-by"> <p><a href="http://mercurial.selenic.com/" title="Mercurial"><img src="/drafts/static/hglogo.png" width=75 height=90 border=0 alt="mercurial"></a></p> </div> <div id="corner-top-left"></div> <div id="corner-top-right"></div> <div id="corner-bottom-left"></div> <div id="corner-bottom-right"></div> </div> </body> </html>