forked from SchemaStore/schemastore
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcss-module-animations.xml
50 lines (35 loc) · 5.76 KB
/
css-module-animations.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<?xml version="1.0" encoding="utf-8"?>
<CssModule name="Animations" standard-reference="http://www.w3.org/TR/css3-animations/" status="WD" pub-date="2013-02-19">
<CssAtDirective name="keyframes" version="3.0" browsers="C,FF16,IE10,O12.5" syntax="@keyframes animation-name" description="Defines set of animation key frames." standard-reference="http://www.w3.org/TR/css3-animations/#keyframes" />
<CssProperty name="animation-name" version="3.0" browsers="C,FF16,IE10,O12.5" restriction="identifier" type="animation-name" syntax="div { $(name): movearound; }" description="Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation." standard-reference="http://www.w3.org/TR/css3-animations/#the-animation-name-property-" />
<CssPropertyValue type="animation-name">
<entry value="none" description="No animation is performed" />
</CssPropertyValue>
<CssProperty name="animation-duration" version="3.0" browsers="C,FF16,IE10,O12.5" restriction="time" syntax="div { $(name): 4s; }" description="Defines the length of time that an animation takes to complete one cycle." standard-reference="http://www.w3.org/TR/css3-animations/#animation-duration" />
<CssProperty name="animation-timing-function" version="3.0" browsers="C,FF16,IE10,O12.5" type="timing-functions" restriction="enum" syntax="div { $(name): ease; }" description="Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'." standard-reference="http://www.w3.org/TR/css3-animations/#animation-timing-function" />
<CssProperty name="animation-iteration-count" version="3.0" browsers="C,FF16,IE10,O12.5" restriction="number" type="animation-iteration-count" syntax="div { $(name): 3; }" description="Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once." standard-reference="http://www.w3.org/TR/css3-animations/#animation-iteration-count" />
<CssPropertyValue type="animation-iteration-count">
<entry value="infinite" description="Causes the animation to repeat forever." />
</CssPropertyValue>
<CssProperty name="animation-direction" version="3.0" browsers="C,FF16,IE10,O12.5" type="animation-directions" restriction="enum" syntax="div { $(name): normal; }" description="Defines whether or not the animation should play in reverse on alternate cycles." standard-reference="http://www.w3.org/TR/css3-animations/#animation-direction" />
<CssPropertyValue type="animation-directions">
<entry value="normal" description="Normal playback." />
<entry value="alternate" description="The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction." />
<entry value="reverse" description="All iterations of the animation are played in the reverse direction from the way they were specified." />
<entry value="alternate-reverse" description="The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction." />
</CssPropertyValue>
<CssProperty name="animation-play-state" version="3.0" browsers="C,FF16,IE10,O12.5" type="animation-play-states" restriction="enum" syntax="div { $(name): running; }" description="Defines whether the animation is running or paused." standard-reference="http://www.w3.org/TR/css3-animations/#animation-play-state" />
<CssPropertyValue type="animation-play-states">
<entry value="running" description="Resume playback of a paused animation." />
<entry value="paused" description="A running animation will be paused." />
</CssPropertyValue>
<CssProperty name="animation-delay" version="3.0" browsers="C,FF16,IE10,O12.5" restriction="time" syntax="div { $(name): 4s; }" description="Defines when the animation will start. An 'animation-delay' value of '0' means the animation will execute as soon as it is applied. Otherwise, the value specifies an offset from the moment the animation is applied, and the animation will delay execution by that offset." standard-reference="http://www.w3.org/TR/css3-animations/#animation-delay" />
<CssPropertyValue type="animation-fill-modes">
<entry value="none" description="There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes." />
<entry value="forwards" description="The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes." />
<entry value="backwards" description="The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'." />
<entry value="both" description="Both forwards and backwards fill modes are applied." />
</CssPropertyValue>
<CssProperty name="animation-fill-mode" version="3.0" browsers="C,FF16,IE10,O12.5" type="animation-fill-modes" restriction="enum" syntax="div { $(name): forwards; }" description="Defines what values are applied by the animation outside the time it is executing." standard-reference="http://www.w3.org/TR/css3-animations/#animation-fill-mode-property" />
<CssProperty name="animation" version="3.0" browsers="C,FF16,IE10,O12.5" restriction="time, enum, identifier, number" type="animation-fill-modes, timing-functions, animation-directions, animation-iteration-count, animation-name" syntax="div { $(name): movearound 4s ease 3 normal; }" description="Shorthand property combines six of the animation properties into a single property." standard-reference="http://www.w3.org/TR/css3-animations/#animation" />
</CssModule>