Skip to content

Estelle #42

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 4 commits into from
Closed

Estelle #42

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
1da5e90
the end of the animation delay can be impacted by the animation delay…
estelle Jul 24, 2015
f34c9d5
the animation may iterate less than one time. 0.25 and 0 are valid it…
estelle Jul 24, 2015
b87f49b
reordered the two sentences because in the original order it made it …
estelle Jul 24, 2015
20d1fb7
Update Overview.bs
estelle Jul 24, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 4 additions & 5 deletions css-animations/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -174,7 +174,7 @@ Keyframes</h2>

Keyframes are used to specify the values for the animating properties at various points
during the animation. The keyframes specify the behavior of one cycle of the animation;
the animation may iterate one or more times.
the animation may iterate zero or more times.

Keyframes are specified using a specialized CSS at-rule. A <dfn>@keyframes</dfn> rule consists of the
keyword "@keyframes", followed by an identifier giving a name for the animation (which will
Expand Down Expand Up @@ -256,10 +256,9 @@ Keyframes</h2>
by time. The rules within the @keyframes rule then cascade; the properties of a keyframe may thus derive
from more than one @keyframes rule with the same selector value.

If a property is not specified for a keyframe, or is specified but invalid, the animation of that
property proceeds as if that keyframe did not exist. Conceptually, it is as if a set of keyframes is
constructed for each property that is present in any of the keyframes, and an animation is run
independently for each property.
Conceptually, it is as if a set of keyframes is constructed for each property that is present in any of the keyframes, and an animation is run
independently for each property. If a property is not specified for a keyframe, or is specified but invalid, the animation of that
property proceeds as if that keyframe did not exist.

<div class='example'>
<pre>
Expand Down
12 changes: 6 additions & 6 deletions css-animations/Overview.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -417,7 +417,7 @@ <h2 class="heading settled" data-level="3" id="animations"><span class="secno">3

<p>The end of the animation is defined by the combination of the
<a class="property" data-link-type="propdesc" href="#propdef-animation-duration">animation-duration</a>, <a class="property" data-link-type="propdesc" href="#propdef-animation-iteration-count">animation-iteration-count</a> and <a class="property" data-link-type="propdesc" href="#propdef-animation-fill-mode">animation-fill-mode</a>
properties.</p>
properties, and <a class="property" data-link-type="propdesc" href="#propdef-animation-delay">animation-delay</a>, if negative.</p>


<div class="example" id="example-dee38741"><a class="self-link" href="#example-dee38741"></a>
Expand Down Expand Up @@ -477,7 +477,7 @@ <h2 class="heading settled" data-level="4" id="keyframes"><span class="secno">4.

<p>Keyframes are used to specify the values for the animating properties at various points
during the animation. The keyframes specify the behavior of one cycle of the animation;
the animation may iterate one or more times.</p>
the animation may iterate zero or more times.</p>


<p>Keyframes are specified using a specialized CSS at-rule. A <dfn class="css" data-dfn-type="at-rule" data-export="" id="at-ruledef-keyframes">@keyframes<a class="self-link" href="#at-ruledef-keyframes"></a></dfn> rule consists of the
Expand Down Expand Up @@ -571,10 +571,10 @@ <h2 class="heading settled" data-level="4" id="keyframes"><span class="secno">4.
from more than one @keyframes rule with the same selector value.</p>


<p>If a property is not specified for a keyframe, or is specified but invalid, the animation of that
property proceeds as if that keyframe did not exist. Conceptually, it is as if a set of keyframes is
constructed for each property that is present in any of the keyframes, and an animation is run
independently for each property.</p>
<p>Conceptually, it is as if a set of keyframes is
constructed for each property that is present in any of the keyframes, and an animation is run
independently for each property. If a property is not specified for a keyframe, or is specified but invalid, the animation of that
property proceeds as if that keyframe did not exist. </p>


<div class="example" id="example-25879023"><a class="self-link" href="#example-25879023"></a>
Expand Down