mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
86 lines
37 KiB
Text
86 lines
37 KiB
Text
id references title flags links revision credits assertion
|
|
animation-delay-001 animation-delay - negative value animated https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function a59cfbaf4a9ecfae621b3b94f31a39d973effc6b `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-delay is set to a negative time offset, animation will execute as soon as it is applied but act as if the animation had started the specified time in the past.
|
|
animation-delay-002 animation-delay - positive value animated https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration c2f5a26e91124f1659e115345c64e46b29e77ddf `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-delay is set to a positive time offset, animation will delay execution by the specified offset value.
|
|
animation-delay-003 animation-delay - 0s animated https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration d00f228e0f8b6dedb1323493b1b73072f2385212 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-delay is set to 0s (zero seconds), animation will execute as soon as it is applied.
|
|
animation-delay-004 animation-delay - ::after animated https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 126b62ca8059c74fc012172a5f19dd6f2dadbde4 `Intel`<http://www.intel.com> Check that animation-delay applies to the ::after pseudo element.
|
|
animation-delay-005 animation-delay - ::before animated https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 26ecab722c342d2f3f8dd7dc864f1ac64490027c `Intel`<http://www.intel.com> Check that animation-delay applies to the ::before pseudo element.
|
|
animation-delay-006 animation-delay - initial keyword animated https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#values 13c48bd6b709280df6a9a5bfff09c2880e868a41 `Intel`<http://www.intel.com> Check that animation-delay property accepts 'initial' keyword.
|
|
animation-delay-007 animation-delay - inherit keyword animated https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#values 2f27e7970e6df9f0039f97e9543f4cf5fb16d5a3 `Intel`<http://www.intel.com> Check that animation-delay property accepts 'inherit' keyword.
|
|
animation-direction-001 animation-direction - alternate animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 2df75f525c9035f1bf324ee6c8aa27c88d24e7a0 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-direction is set to alternate, animation cycle will iteration 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.
|
|
animation-direction-002 animation-direction - normal animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count d4e3070511f1c29235cf046381b915d0d000d79d `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-direction is set to normal, all iterations of animation are played as specified.
|
|
animation-direction-003 animation-direction - alternate-reverse animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 2525726c04b8605f6b2c4809f33866f566ae1b3e `Intel`<http://www.intel.com> When animation-direction is set to alternate-reverse, 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.
|
|
animation-direction-004 animation-direction - reverse animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count f14768d125e6639a43406b4640dcc9d93ba83576 `Intel`<http://www.intel.com> When animation-direction is set to reverse, all iterations of the animation are played in the reverse direction from the way they were specified.
|
|
animation-direction-005 animation-direction - ::after animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 5fa0f64355db4c2c051c6232bdb80f4ac8ff248b `Intel`<http://www.intel.com> Check that animation-direction applies to the ::after pseudo element.
|
|
animation-direction-006 animation-direction - ::before animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 05f86fa498917fde4d1216bb9252609c74a7c3f3 `Intel`<http://www.intel.com> Check that animation-direction applies to the ::before pseudo element
|
|
animation-display animation - display animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animations 6958b8c7f40f295c77dd411d398d688812f9cc9e `Intel`<http://www.intel.com> Check that setting 'display' property to 'none' terminates running animation applied to the element, and updating 'display' property to a value other than 'none' will start the animation.
|
|
animation-duration-001 animation-duration - blank value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration b7e9e6b620eddf01ef5ce9ff3a90a9d39ce733b2 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-duration value is set blank, there will be no animation seen.
|
|
animation-duration-002 animation-duration - finite value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 0a1ced535f37c055b5be633a34613f4a40dc4ed9 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-duration is set a finite time offset, animation takes the specifies time to complete one cycle.
|
|
animation-duration-003 animation-duration - negative value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 5578f320f4d80f5d8e5c0ede61139763bd6343a2 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-duration is set to a negative value, it is treated as 0s (zero seconds) and no animation is seen.
|
|
animation-duration-004 animation-duration - 0s animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 62fffb69c3d6ef31d371778495735a3f55ef1c51 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-duration is set to 0s (zero seconds), animation occurs instantaneously, there will be no animation seen.
|
|
animation-duration-005 animation-duration - 0s, animation-fill-mode - forwards animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode 1aa4ed306edafc44f849e8c7e270af0cc73a09a4 `Intel`<http://www.intel.com> When animation-duration is set to 0s (zero seconds), and 'animation-fill-mode' is set to 'forwards', the last frame of the animation will be displayed.
|
|
animation-duration-006 animation-duration - 0s, animation-fill-mode - both animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode 8f01bff7015212232e2e378bdb2bf30f4d7e390d `Intel`<http://www.intel.com> When animation-duration is set to 0s (zero seconds), and 'animation-fill-mode' is set to 'both', the last frame of the animation will be displayed.
|
|
animation-duration-007 animation-duration - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration a4fc15e755ec66168590d0e39c02e49e1dc10efb `Intel`<http://www.intel.com> Check that animation-duration applies to the ::before pseudo element.
|
|
animation-duration-008 animation-duration - ::after animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 1a0b1995d43a4a2524555d9da34a6b36ae31a8ff `Intel`<http://www.intel.com> Check that animation-duration applies to the ::after pseudo element.
|
|
animation-fill-mode-001 animation-fill-mode - none animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode a896a903a83ad1bcfa341c883680fb7c69e01385 `Intel`<http://www.intel.com> When animation-fill-mode is set to none, animation has no effect when it is applied but not executing.
|
|
animation-fill-mode-002 animation-fill-mode - forwards animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode 8bfc66b6dbcdba2c3997fb053067e4d0175f7392 `Intel`<http://www.intel.com> When animation-fill-mode is set to forwards, animation will apply the property values for the time the amination ended after the animation ends.
|
|
animation-fill-mode-003 animation-fill-mode - backwards animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-fill-mode 25a8999a2f5c6dcf7212a8d866f3f360c138bba1 `Intel`<http://www.intel.com> When animation-fill-mode is set to backwards, animation-delay is set a positive time offset, and animation-direction is 'normal' or 'alternate-reverse', animation will apply the from or 0% keyframe that will start the first iteration.
|
|
animation-fill-mode-004 animation-fill-mode - both animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-fill-mode e56ec35c83440c3adbfdfcd742b9c244584dbfe8 `Intel`<http://www.intel.com> Check if animation-fill-mode is set to both, the effects of both 'forwards' and 'backwards' will apply.
|
|
animation-fill-mode-005 animation-fill-mode - ::after animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode d60439ebb629902cc04d45b8a9d3f46d334e54b3 `Intel`<http://www.intel.com> Check that animation-fill-mode applies to the ::after pseudo element.
|
|
animation-fill-mode-006 animation-fill-mode - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode e4474eae90dde4cb56ce31fd173ff32cbde1437b `Intel`<http://www.intel.com> Check that animation-fill-mode applies to the ::before pseudo element.
|
|
animation-iteration-count-001 animation-iteration-count - default value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count f0d73fe77862535d66dfb252ab96a0ec4adf4a5a `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-iteration-count is not set, 1 is taken by default and animation will play from beginning to end once.
|
|
animation-iteration-count-002 animation-iteration-count - infinite value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count c0cf3a4cd1863455e91de1ee14cfe7a04d8055d0 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-iteration-count is set to infinite, animation will repeat forever.
|
|
animation-iteration-count-003 animation-iteration-count - negative value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 8021971d9a81045eddbc7ca024479aa4d5390122 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-iteration-count is set to negative count, it is invalid and animation will play from beginning to end once.
|
|
animation-iteration-count-004 animation-iteration-count - non-integer value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 3f36b4a02e18c3883aa19c5216af3fd3222fd4ae `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-iteration-count is set to non-integer, animation will end partway through its last cycle.
|
|
animation-iteration-count-005 animation-iteration-count - integer value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 5ed553e15237ae1c9b18cc0466aee617ca246cac `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-iteration-count is set to integer count, animation will repeat the specified number of times.
|
|
animation-iteration-count-006 animation-iteration-count - 0 (zero) animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 649574f98923c8f0d9ba605ba4573596cc7c63aa `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-iteration-count is set to 0 (zero), no animation is seen.
|
|
animation-iteration-count-007 animation-iteration-count - ::after animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 053fffd162daaf0db34a1e25da133bd20cd01f3a `Intel`<http://www.intel.com> Check that animation-iteration-count applies to the ::after pseudo element.
|
|
animation-iteration-count-008 animation-iteration-count - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 3ae4c0e686fb5cf330151ee176b298cb51a77ef9 `Intel`<http://www.intel.com> Check that animation-iteration-count applies to the ::before pseudo element.
|
|
animation-iteration-event animation events - animationiteration animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count,https://drafts.csswg.org/css-animations-1/#events e521ed19e72a1757572ca7c324be4e288a5c33c6 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animationiteration event occurs at the end of each iteration of an animation for which animation-iteration-count is greater than one.
|
|
animation-keyframes-001 @keyframes - from, to, percentage animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#keyframes dd13bbf052c41758c69fd457cda3747ad6a10fb2 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that @keyframes rule accepts 'from' and 'to' keywords, and percentage values.
|
|
animation-keyframes-002 @keyframes - negative percentage and higher than 100% animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#keyframes 91d4a884eb431ceb0c8636098d33a6d93a2c014e `Intel`<http://www.intel.com> Check that a keyframe selector specifies negative percentage values or values higher than 100%, the keyframe will be ignored.
|
|
animation-keyframes-003 @keyframes - animation-timing-function animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#keyframes d1768e205585cf4224307af0b7cee0cf72c01258 `Intel`<http://www.intel.com> Check that @keyframes rule accpets 'animation-timing-function' property used as the animation moves to the next keyframe.
|
|
animation-name-001 animation-name - blank value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration cb26f4c55e9f6b4c169dcb2e13f4378c5c7136f1 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-name is set without any value, there will be no animation.
|
|
animation-name-002 animation-name matchs keyframes at-rule animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 70bd1cb364ec82be357ee418cb344e10ea301376 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-name is set to refer to a keyframe at-rule that provides the property values for the animation, animation will execute.
|
|
animation-name-003 animation-name - none animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 8c98816bda0880f90a945cab8806e89fa6542d70 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-name is set to none, there will be no animation.
|
|
animation-name-004 animation-name mismatches keyframe at-rule animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 3cce09a98cd0cb9d7b3d101f608128e4a759bc79 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-name does not match any keyframe at-rule, there are no properties to be animated and animation will not execute.
|
|
animation-name-005 animation-name - ::after animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 9ef57c67ba391e1a00060db5eca52be5fc68c6f0 `Intel`<http://www.intel.com> Check that animation-name applies to the ::after pseudo element.
|
|
animation-name-006 animation-name - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration af99446d3d688a8e6ad08caee199229327c2279a `Intel`<http://www.intel.com> Check that animation-name applies to the ::before pseudo element.
|
|
animation-play-state-001 animation-play-state - paused animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-play-state fa1757a1db5df36ac679d7e00c8c2f399caa03fa `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-play-state is set to paused, animation is paused where the progress it had made before being paused.
|
|
animation-play-state-002 animation-play-state - running animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-play-state 22aac25e6c5bc4fccf865d0843e7f97e05ff72e0 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-play-state is set to running, animation will proceed as normal.
|
|
animation-play-state-003 animation-play-state - ::after animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-play-state 1dca5c63b44436557a976a9d2f26755fefb6ade5 `Intel`<http://www.intel.com> Check that animation-play-state applies to the ::after pseudo element.
|
|
animation-play-state-004 animation-play-state - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-play-state 5047e6044f322dd9211c9c3ffc4655b4d6c50540 `Intel`<http://www.intel.com> Check that animation-play-state applies to the ::before pseudo element.
|
|
animation-shorthand-001 animation shorthand animated https://drafts.csswg.org/css-animations-1/#animation 021fa6b8453b8e7c009ce8fea9853bc4a31bf762 `Intel`<http://www.intel.com> Check that animation shorthand property accepts time values for animation-duration and animation-delay in order.
|
|
animation-shorthand-002 animation shorthand - ::after animated https://drafts.csswg.org/css-animations-1/#animation 75ac427634fb58686568403ea3f5f91c6654ac95 `Intel`<http://www.intel.com> Check that animation shorthand applies to the ::after pseudo element and accepts time values for animation-duration and animation-delay in order.
|
|
animation-shorthand-003 animation shorthand - ::before animated https://drafts.csswg.org/css-animations-1/#animation 228b0f49702e90694efdca63112fe58f2d3efeff `Intel`<http://www.intel.com> Check that animation shorthand applies to the ::before pseudo element and accepts time values for animation-duration and animation-delay in order.
|
|
animation-timing-function-001 animation-timing-function - cubic-bezier with parameters (0,0,1,1) animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function f9aadf639f98f9795400a5218e8540c08366e8cd `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-timing-function is set to cubic-bezier with parameters (0,0,1,1), animation will progress over one cycle of its duration with constant speed.
|
|
animation-timing-function-002 animation-timing-function - ease animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 7527eff75562c5f49d9599e7495c47aa9bd9f414 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-timing-function is set to ease, animation will starts slow, gain acceleration in the middle and again slow down at the end.
|
|
animation-timing-function-003 animation-timing-function - ease-in animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 214819b56e1e46f9c7aa07d0ce144830ac65e924 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-timing-function is set to ease-in, animation will start slow, gain acceleration as time progresses.
|
|
animation-timing-function-004 animation-timing-function - ease-in-out animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 7ca5efa977158b094c81822126677f226ccda72b `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-timing-function is set to ease-in-out, animation will start slow, gain acceleration in the middel and again slow down at the end.
|
|
animation-timing-function-005 animation-timing-function - ease-out animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function ba7606126d68f12b031748490229155c91a67be8 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-timing-function is set to ease-out, animation will start with higher (than the normal) speed and relatively slow down as time progresses.
|
|
animation-timing-function-006 animation-timing-function - linear animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 011ab23fe72cbde801ee40a3e7ac9f8c4cdfd31f `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-timing-function is set to linear, animation will progress over one cycle of its duration with constant speed.
|
|
animation-timing-function-007 animation-timing-function - step-start animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode,https://drafts.csswg.org/css-animations-1/#animation-timing-function ffbe76fc315f072878076a7bf711ac9a891eba52 `Intel`<http://www.intel.com> When animation-timing-function is set to step-start, animation will play the end effect at the start of the interval.
|
|
animation-timing-function-008 animation-timing-function - step-end animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 4fbb8d08f0f4b411101c203fc66f72d222df7f44 `Intel`<http://www.intel.com> When animation-timing-function is set to step-end, animation will play the end effect at the end time point, and keep the start effect at the start of the interval.
|
|
animation-timing-function-009 animation-timing-function - steps with parameters (<number>, start) animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode,https://drafts.csswg.org/css-animations-1/#animation-timing-function 0c8dd1d5b92dfaeb20edb3ff4f3287bb06ecff30 `Intel`<http://www.intel.com> When animation-timing-function is set to steps with paramenters (<number>, start), animation will be defined by the number that divides the domain of operation into equally size intervals, evey time the changes happens at the start of the interval.
|
|
animation-timing-function-010 animation-timing-function - steps with parameters (<number>, end) animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode,https://drafts.csswg.org/css-animations-1/#animation-timing-function da7e0cd2f6006255f27cbd3721e0040771631adb `Intel`<http://www.intel.com> When animation-timing-function is set to steps with paramenters (<number>, end), animation will be defined by the number that divides the domain of operation into equally size intervals, evey time the changes happens at the end of the interval.
|
|
animation-timing-function-011 animation-timing-function - ::after animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function bbc7283ae0b15aaa2ed784a7645b404a7fa301a5 `Intel`<http://www.intel.com> Check that animation-timing-function applies to the ::after pseudo element.
|
|
animation-timing-function-012 animation-timing-function - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function d6a471751d34018dfc5e91a83592e896d8e6e5b5 `Intel`<http://www.intel.com> Check that animation-timing-function applies to the ::before pseudo element.
|
|
animationevent-interface AnimationEvent interface script https://drafts.csswg.org/css-animations-1/#interface-dom a1e39dcdabe246037312ac3a8bab7bf3fe904a79 `Intel`<http://www.intel.com>
|
|
animationevent-types AnimationEvnt types - animationstart, animationend,animationiteration script https://drafts.csswg.org/css-animations-1/#event-animationevent 11cda4945e4216dee93775c6217d3ce303ea04a9 `Intel`<http://www.intel.com>
|
|
animations-001 reference/animations-001-ref CSS Regions: animating content flowed into a region ahem,animated http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#transform-functions,http://www.w3.org/TR/css3-animations/#animations a4cee4791955488eed14303cedc0330b0531f6f5 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that content that has an animated 3D transform renders and animates when flowed in a region.
|
|
animationstart-and-animationend-events animation events - animationstart and animationend animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#events 8faa1d6d24026a7e26d4c00bc57b7f70d4042146 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animationstart event occurs at the start of an animation, animationend event occurs when animation finishes.
|
|
caret-color-008 caret-color animation animated,interact http://www.w3.org/TR/css3-ui/#caret-color,https://drafts.csswg.org/css-animations-1/#animation c3fc7a168f032dc38dbfde1e2a0c7e3a7a2c5a87 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks that caret-color is animatable as a color
|
|
caret-color-021 Default caret-color test animation script http://www.w3.org/TR/css3-ui/#caret-color,https://www.w3.org/TR/css3-animations/#animation-shorthand-property,https://www.w3.org/TR/css3-color/#color0 ce7d2127a0f927e25179a3262b09532fd758c337 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that the default value for caret-color property, which is 'auto', is not interpolable.
|
|
css-filters-animation-blur reference/css-filters-animation-blur-ref CSS Filters Animation: Blur http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-blur,http://www.w3.org/TR/css3-animations/#animations 53622387367e3daa90b9880e22ff9548665f4883 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be 10px blurred
|
|
css-filters-animation-brightness reference/css-filters-animation-brightness-ref CSS Filters Animation: Brightness http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-brightness,http://www.w3.org/TR/css3-animations/#animations 6ef87e3d77b51aaa2d33c91de5b6c84e96b41eae `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be dark blue
|
|
css-filters-animation-combined-001 reference/css-filters-animation-combined-001-ref CSS Filters Animation: Combined filters 001 http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-blur,http://www.w3.org/TR/filter-effects-1/#funcdef-brightness,http://www.w3.org/TR/filter-effects-1/#funcdef-sepia,http://www.w3.org/TR/filter-effects-1/#funcdef-grayscale,http://www.w3.org/TR/filter-effects-1/#funcdef-saturate,http://www.w3.org/TR/filter-effects-1/#funcdef-hue-rotate,http://www.w3.org/TR/filter-effects-1/#funcdef-invert,http://www.w3.org/TR/filter-effects-1/#funcdef-opacity,http://www.w3.org/TR/css3-animations/#animations aaaa710118343f2b999ebc2edcd0c2c7e18d1ffe `Gunther Brunner`<mailto:takeshimiya@gmail.com> The black square should be a gray square 10px blurred
|
|
css-filters-animation-contrast reference/css-filters-animation-contrast-ref CSS Filters Animation: Contrast http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-contrast,http://www.w3.org/TR/css3-animations/#animations 517f0cbaf18b73ffe0d87947c8e48f8b13bb4c59 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The black square should be gray
|
|
css-filters-animation-drop-shadow reference/css-filters-animation-drop-shadow-ref CSS Filters Animation: Drop Shadow http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-drop-shadow,http://www.w3.org/TR/css3-animations/#animations 70bc0ac9029e86c93916acec368678aa6fbb5f87 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be in top of a gray one
|
|
css-filters-animation-grayscale reference/css-filters-animation-grayscale-ref CSS Filters Animation: Grayscale http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-grayscale,http://www.w3.org/TR/css3-animations/#animations 66ebc18a6a7c6e692cb223505fa362279d477ac0 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be half-grayscaled
|
|
css-filters-animation-hue-rotate reference/css-filters-animation-hue-rotate-ref CSS Filters Animation: Hue-rotate http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-hue-rotate,http://www.w3.org/TR/css3-animations/#animations 4abc8e87e83f87fcf3b41a12f2a0d1f2505a1abe `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be violet
|
|
css-filters-animation-invert reference/css-filters-animation-invert-ref CSS Filters Animation: Invert http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-invert,http://www.w3.org/TR/css3-animations/#animations ff60b4d8c0fc6a76ada1a62230af435de194fb0f `Gunther Brunner`<mailto:takeshimiya@gmail.com> The black square should be gray
|
|
css-filters-animation-opacity reference/css-filters-animation-opacity-ref CSS Filters Animation: Opacity http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-opacity,http://www.w3.org/TR/css3-animations/#animations c280f619d6a33d5953c6bde268ba7b0813467b70 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The black square should be gray
|
|
css-filters-animation-saturate reference/css-filters-animation-saturate-ref CSS Filters Animation: Saturate http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-saturate,http://www.w3.org/TR/css3-animations/#animations 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be light-blue
|
|
css-filters-animation-sepia reference/css-filters-animation-sepia-ref CSS Filters Animation: Sepia http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-sepia,http://www.w3.org/TR/css3-animations/#animations 36a7316bfb518ea1cdefd38151449383c02b57a0 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be half-sepia
|
|
vh-interpolate-pct reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations b3791c1f30e52dc8582b2081404c23d6c2a15292 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
|
|
vh-interpolate-px reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations ade4e7b3374856c99aa9515a936630f49c5c44fb `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
|
|
vh-interpolate-vh reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 9a46dd5fa51b77278d6d50f7c7f862592aea3413 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw)
|