Skip to content

Commit 4406796

Browse files
dbarondbaron
committed
Untabify the <pre> elements and regenerate so that we end up with pretty much the same result as before.
1 parent 7fdb4a6 commit 4406796

2 files changed

Lines changed: 109 additions & 110 deletions

File tree

‎css3-animations/Overview.html‎

Lines changed: 48 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
<!DOCTYPE html>
32

43
<html lang=en>
@@ -16,14 +15,14 @@
1615

1716
<h1>CSS Animations</h1>
1817

19-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 20 June 2012</h2>
18+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 28 June 2012</h2>
2019

2120
<dl>
2221
<dt>This version:
2322

2423
<dd><a
25-
href="http://www.w3.org/TR/2012/ED-css3-animations-20120620/">http://dev.w3.org/csswg/css3-animations/</a>
26-
<!--http://www.w3.org/TR/2012/WD-css3-animations-20120620/-->
24+
href="http://www.w3.org/TR/2012/ED-css3-animations-20120628/">http://dev.w3.org/csswg/css3-animations/</a>
25+
<!--http://www.w3.org/TR/2012/WD-css3-animations-20120628/-->
2726

2827
<dt>Latest version:
2928

@@ -631,50 +630,50 @@ <h3 id=animation-name-property><span class=secno>3.2. </span> The ‘<a
631630
grammar</abbr>
632631
</table>
633632
<!--
634-
<p>
635-
It is possible for elements to have multiple animations running that change the same property or properties. In this case the animations combine in a manner defined by the property. For example, animations on 'opacity' will add together and animations on 'transform' will have their transformation matrices multiplied.
636-
637-
<div class="example">
638-
<p style="display:none">
639-
Example(s):
640-
641-
<pre>
642-
@keyframes 'border-bloat' {
643-
from {
644-
border-width: 0;
645-
}
646-
to {
647-
border-width: 10px;
648-
}
649-
}
650-
651-
@keyframes 'border-diet' {
652-
from {
653-
border-width: 4px;
654-
}
655-
to {
656-
border-width: 2px;
657-
}
658-
}
659-
660-
div {
661-
animation-name: 'border-bloat', 'border-diet';
662-
animation-duration: 10s, 4s;
663-
}
664-
</pre>
665-
<p>
666-
The above example has two animations executing on the same property, 'border-width'. The animations are additive. That is, the
667-
resulting value for the property will be the addition of the values from the
668-
two animations.
669-
670-
<p>
671-
At time '0s' the element's border will be 4px wide (0px from 'border-bloat' plus 4px from 'border-diet').
672-
At time '4s' the element's border will be 6px wide (4px from 'border-bloat' plus 2px from 'border-diet').
673-
At time '10s' the element's border will be 10px wide (10px from 'border-bloat' and no addition from
674-
'border-diet' as it is no longer executing).
675-
676-
</div>
677-
-->
633+
<p>
634+
It is possible for elements to have multiple animations running that change the same property or properties. In this case the animations combine in a manner defined by the property. For example, animations on 'opacity' will add together and animations on 'transform' will have their transformation matrices multiplied.
635+
636+
<div class="example">
637+
<p style="display:none">
638+
Example(s):
639+
640+
<pre>
641+
@keyframes 'border-bloat' {
642+
from {
643+
border-width: 0;
644+
}
645+
to {
646+
border-width: 10px;
647+
}
648+
}
649+
650+
@keyframes 'border-diet' {
651+
from {
652+
border-width: 4px;
653+
}
654+
to {
655+
border-width: 2px;
656+
}
657+
}
658+
659+
div {
660+
animation-name: 'border-bloat', 'border-diet';
661+
animation-duration: 10s, 4s;
662+
}
663+
</pre>
664+
<p>
665+
The above example has two animations executing on the same property, 'border-width'. The animations are additive. That is, the
666+
resulting value for the property will be the addition of the values from the
667+
two animations.
668+
669+
<p>
670+
At time '0s' the element's border will be 4px wide (0px from 'border-bloat' plus 4px from 'border-diet').
671+
At time '4s' the element's border will be 6px wide (4px from 'border-bloat' plus 2px from 'border-diet').
672+
At time '10s' the element's border will be 10px wide (10px from 'border-bloat' and no addition from
673+
'border-diet' as it is no longer executing).
674+
675+
</div>
676+
-->
678677

679678
<h3 id=animation-duration-property><span class=secno>3.3. </span> The ‘<a
680679
href="#animation-duration"><code
@@ -1644,7 +1643,7 @@ <h2 class=no-num id=property-index>Property index</h2>
16441643

16451644
<th>Initial
16461645

1647-
<th>Applies to
1646+
<th>Applies to
16481647

16491648
<th>Inh.
16501649

‎css3-animations/Overview.src.html‎

Lines changed: 61 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -188,22 +188,22 @@ <h2 id="animations">
188188
<div class="example">
189189
<pre>
190190
div {
191-
animation-name: diagonal-slide;
192-
animation-duration: 5s;
193-
animation-iteration-count: 10;
191+
animation-name: diagonal-slide;
192+
animation-duration: 5s;
193+
animation-iteration-count: 10;
194194
}
195195

196196
@keyframes diagonal-slide {
197197

198-
from {
199-
left: 0;
200-
top: 0;
201-
}
198+
from {
199+
left: 0;
200+
top: 0;
201+
}
202202

203-
to {
204-
left: 100px;
205-
top: 100px;
206-
}
203+
to {
204+
left: 100px;
205+
top: 100px;
206+
}
207207

208208
}</pre>
209209

@@ -286,21 +286,21 @@ <h2 id="keyframes">
286286
<div class="example">
287287
<pre>
288288
@keyframes wobble {
289-
0% {
290-
left: 100px;
291-
}
289+
0% {
290+
left: 100px;
291+
}
292292

293-
40% {
294-
left: 150px;
295-
}
293+
40% {
294+
left: 150px;
295+
}
296296

297-
60% {
298-
left: 75px;
299-
}
297+
60% {
298+
left: 75px;
299+
}
300300

301-
100% {
302-
left: 100px;
303-
}
301+
100% {
302+
left: 100px;
303+
}
304304
}</pre>
305305

306306
<p>
@@ -350,29 +350,29 @@ <h3 id="timing-functions">
350350
<pre>
351351
@keyframes bounce {
352352

353-
from {
354-
top: 100px;
355-
animation-timing-function: ease-out;
356-
}
353+
from {
354+
top: 100px;
355+
animation-timing-function: ease-out;
356+
}
357357

358-
25% {
359-
top: 50px;
360-
animation-timing-function: ease-in;
361-
}
358+
25% {
359+
top: 50px;
360+
animation-timing-function: ease-in;
361+
}
362362

363-
50% {
364-
top: 100px;
365-
animation-timing-function: ease-out;
366-
}
363+
50% {
364+
top: 100px;
365+
animation-timing-function: ease-out;
366+
}
367367

368-
75% {
369-
top: 75px;
370-
animation-timing-function: ease-in;
371-
}
368+
75% {
369+
top: 75px;
370+
animation-timing-function: ease-in;
371+
}
372372

373-
to {
374-
top: 100px;
375-
}
373+
to {
374+
top: 100px;
375+
}
376376

377377
}</pre>
378378

@@ -966,13 +966,13 @@ <h4 id='AnimationEvent-IDL'>
966966

967967
<pre class='idl'>
968968
interface AnimationEvent : Event {
969-
readonly attribute DOMString animationName;
970-
readonly attribute float elapsedTime;
971-
void initAnimationEvent(in DOMString typeArg,
972-
in boolean canBubbleArg,
973-
in boolean cancelableArg,
974-
in DOMString animationNameArg,
975-
in float elapsedTimeArg);
969+
readonly attribute DOMString animationName;
970+
readonly attribute float elapsedTime;
971+
void initAnimationEvent(in DOMString typeArg,
972+
in boolean canBubbleArg,
973+
in boolean cancelableArg,
974+
in DOMString animationNameArg,
975+
in float elapsedTimeArg);
976976
};</pre>
977977

978978

@@ -1105,10 +1105,10 @@ <h4 id='CSSRule-IDL'>
11051105

11061106
<pre class='idl'>
11071107
interface CSSRule {
1108-
...
1109-
const unsigned short KEYFRAMES_RULE = 7;
1110-
const unsigned short KEYFRAME_RULE = 8;
1111-
...
1108+
...
1109+
const unsigned short KEYFRAMES_RULE = 7;
1110+
const unsigned short KEYFRAME_RULE = 8;
1111+
...
11121112
};</pre>
11131113

11141114

@@ -1123,8 +1123,8 @@ <h4 id='CSSKeyframeRule-IDL'>
11231123

11241124
<pre class='idl'>
11251125
interface CSSKeyframeRule : CSSRule {
1126-
attribute DOMString keyText;
1127-
readonly attribute CSSStyleDeclaration style;
1126+
attribute DOMString keyText;
1127+
readonly attribute CSSStyleDeclaration style;
11281128
};</pre>
11291129

11301130

@@ -1159,12 +1159,12 @@ <h4 id='CSSKeyframesRule-IDL'>
11591159

11601160
<pre class='idl'>
11611161
interface CSSKeyframesRule : CSSRule {
1162-
attribute DOMString name;
1163-
readonly attribute CSSRuleList cssRules;
1162+
attribute DOMString name;
1163+
readonly attribute CSSRuleList cssRules;
11641164

1165-
void appendRule(in DOMString rule);
1166-
void deleteRule(in DOMString key);
1167-
CSSKeyframeRule findRule(in DOMString key);
1165+
void appendRule(in DOMString rule);
1166+
void deleteRule(in DOMString key);
1167+
CSSKeyframeRule findRule(in DOMString key);
11681168
};</pre>
11691169

11701170

@@ -1311,4 +1311,4 @@ <h2 class="no-num" id="index">Index</h2>
13111311
sgml-local-catalogs:nil
13121312
sgml-local-ecat-files:nil
13131313
End:
1314-
-->
1314+
-->

0 commit comments

Comments
 (0)