Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 14:10:11 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef

Browse source
This commit is contained in:
Ms2ger 2015-12-09 01:48:05 -05:00
parent 9aa1b1e408
commit 35c74aecc2
11290 changed files with 92400 additions and 49214 deletions
Download patch file Download diff file Expand all files Collapse all files

232
tests/wpt/css-tests/css-transforms-1_dev/testinfo.data
View file

@ -1,39 +1,39 @@
id references title flags links revision credits assertion
2d-rotate-001 reference/2d-rotate-ref,!reference/2d-rotate-notref CSS Transform using 2d rotate() css3,,rotate,,svg http://www.w3.org/TR/css-transforms-1/#transform-property d27dc58ca454bd3508af416306f93c972b3d71a3 `Rick Hurst`<http://mrkn.co/axegs> asserting that you can rotate an element with CSS
2d-rotate-js Rotate via javascript must show the correct computed rotation css3,,rotate,,svg http://www.w3.org/TR/css-transforms-1/#transform-property cda33f93d2f58e3e38b2a406149ad8b690638975 `Rick Hurst`<http://mrkn.co/axegs> Asserting that you can rotate an element with JS and it show up in CSS computed values not as a matrix but as the rotation
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 d58c2e2ae3f483272798693240d821a63d066892 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that content that has an animated 3D transform renders and animates when flowed in a region.
2d-rotate-001 reference/2d-rotate-ref,!reference/2d-rotate-notref CSS Transform using 2d rotate() css3,,rotate,,svg http://www.w3.org/TR/css-transforms-1/#transform-property 076244fcaea4ccdb259cf0ae3ccf266710d2e402 `Rick Hurst`<http://mrkn.co/axegs> asserting that you can rotate an element with CSS
2d-rotate-js Rotate via javascript must show the correct computed rotation css3,,rotate,,svg http://www.w3.org/TR/css-transforms-1/#transform-property 8d5285fd124af1a71a0d72ed0388fbb11a7216e8 `Rick Hurst`<http://mrkn.co/axegs> Asserting that you can rotate an element with JS and it show up in CSS computed values not as a matrix but as the rotation
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.
backface-visibility-hidden-001 reference/backface-visibility-hidden-ref transform property with backface visibility = hidden http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#propdef-backface-visibility b4607716790b1493ef762e8ca5c7d0afe14cd375 `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> When the value of backface visibility property is 'hidden', the back side of a transformed element is invisible when facing the viewer.
canvas3d-001 reference/canvas3d-001-ref CSS Regions: rendering 3D canvas elements inside regions dom 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 57a53646e7e76825004d83cd64181362f91f4afc `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that when a 3D (webGL) canvas element is flowed in a region it renders as it would render if it wouldn't be flowed in the region.
canvas3d-002 reference/canvas3d-002-ref CSS Regions: rendering text flowed in a region on top of 3D content dom 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 94ec461f51b34cbcd28e7697cc94374f829eeac2 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that text flowed in a region renders without artifacts when the region overlaps a 3D (webGL) canvas element. This can be problematic in browsers that don't handle layers and/or 3D acceleration correctly.
css-rotate-2d-3d-001 reference/css-rotate-2d-3d-001-ref 2D rotation with 3D rotation http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions a390e6a1517ef28910ffc89f94c94cd1794676a8 `Philip Rogers`<mailto:pdr@google.com> This transform rotates a tall rectangle by 90 degrees then applies a 3D rotation in the X axis.
css-scale-nested-001 reference/css-scale-nested-ref scale 0 on a parent with a child http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 9cf7f6237e87d603845495bb15345831b7843cee `Amol Shanbhag`<mailto:amolvshanbhag@yahoo.com> Child square element is transformed (scaled to zero) along with the parent element
canvas3d-001 reference/canvas3d-001-ref CSS Regions: rendering 3D canvas elements inside regions dom 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 d8e127aa34d8b486d61ab17a2b291b8ff77a07eb `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that when a 3D (webGL) canvas element is flowed in a region it renders as it would render if it wouldn't be flowed in the region.
canvas3d-002 reference/canvas3d-002-ref CSS Regions: rendering text flowed in a region on top of 3D content dom 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 e1069acbc55073a8d78623cb5ffa4d4121cb78ce `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that text flowed in a region renders without artifacts when the region overlaps a 3D (webGL) canvas element. This can be problematic in browsers that don't handle layers and/or 3D acceleration correctly.
css-rotate-2d-3d-001 reference/css-rotate-2d-3d-001-ref 2D rotation with 3D rotation http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 39368bbe1219d08c9ff039b88f74bec06c32749c `Philip Rogers`<mailto:pdr@google.com> This transform rotates a tall rectangle by 90 degrees then applies a 3D rotation in the X axis.
css-scale-nested-001 reference/css-scale-nested-ref scale 0 on a parent with a child http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions b27eef20334db66b79c13ef54a136519c712a85a `Amol Shanbhag`<mailto:amolvshanbhag@yahoo.com> Child square element is transformed (scaled to zero) along with the parent element
css-skew-001 reference/css-skew-001-ref skew function part 1 http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 9a9304aa06034b72a795191af5da08a7294cfe1e `Adrien Pachkoff`<mailto:adrien@pachkoff.com>
css-skew-002 reference/css-skew-002-ref skew function part 2 http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 58eec567495beede7f0b4e50946f4a619470f2aa `Adrien Pachkoff`<mailto:adrien@pachkoff.com>
css-transform-3d-rotate3d-X-negative reference/css-transform-3d-rotateX-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 2d42016b2d035842e12d182b95deaf713db692d4 `Intel`<http://www.intel.com> Test checks that rotate the 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotate3d-X-positive reference/css-transform-3d-rotateX-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions fb451dd60e8b62393fdf08407f326914bc24b0c1 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotate3d-Y-negative reference/css-transform-3d-rotateY-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions c4164a2fc40aa6b016c2015ee52f43e51d34a4cc `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotate3d-Y-positive reference/css-transform-3d-rotateY-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 68ef5801c0a6bb9d1a1e1624d6bc8e8483c9a10e `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotate3d-Z-negative reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 8d643d54fdf3e86b4b0291842a8d761bf3fd9229 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle.
css-transform-3d-rotate3d-Z-positive reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 03be87f77118119c672bc4b964a6f57dc896ed08 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for 90 degree on Z-axis would cover the horizontal red rectangle.
css-transform-3d-rotateX-negative reference/css-transform-3d-rotateX-ref rotateX on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions b151fbc9a8d213b971812d5f58cb11b424e07cc6 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for -60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotateX-positive reference/css-transform-3d-rotateX-ref rotateX on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 5e9b3c8725db2d10211dfe49d32df18b9185bcfc `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotateY-negative reference/css-transform-3d-rotateY-ref rotateY on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 699c351f03f72bbfe5befb2d94e29b5663106b61 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for -60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotateY-positive reference/css-transform-3d-rotateY-ref rotateY on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions d4c698ea6b465be4cb76f8a1e987cccfc00ec12b `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotateZ-negative reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 93ad930b4bc0e723dee4597f5d9656cee77eb998 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle.
css-transform-3d-rotateZ-positive reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 564f242d8fbd1f4fb5c9c6ab5571ac0a4f5e53f1 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for 90 degree on Z-axis will cover the horizontal red rectangle.
css-transform-3d-transform-style reference/css-transform-3d-transform-style-ref rotateY with transform-style on nested elements http://www.w3.org/TR/css-transforms-1/#transform-style-property,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 763e6cd53d770c3654f01011d87a2aa94d9200b7 `Intel`<http://www.intel.com> Test checks that rotate the nested div with transform-style preserve-3d, rotated parent div for -60 degree on Y-axis then and rotated child div for 120 degree, at this time the parent and child should have equal width, then child div could cover the red box.
css-transform-3d-rotate3d-X-negative reference/css-transform-3d-rotateX-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions aa431ab8c77bd0e50295109ad36990fe317847b3 `Intel`<http://www.intel.com> Test checks that rotate the 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotate3d-X-positive reference/css-transform-3d-rotateX-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 2095f9e882f0b10dc1b328c7dbfcdff0a415b564 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotate3d-Y-negative reference/css-transform-3d-rotateY-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 4f68e8cf3a75c57ee037962f0d6e211d1860820f `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotate3d-Y-positive reference/css-transform-3d-rotateY-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 6343574f8a8d19aef1c7566d66ae419b0e603d1d `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotate3d-Z-negative reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 12a33874c0d342aec9e4907765e3a88b9b6e0893 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle.
css-transform-3d-rotate3d-Z-positive reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 7fc75cb1ccd6cf641ff65b47f3f45288173eaca1 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for 90 degree on Z-axis would cover the horizontal red rectangle.
css-transform-3d-rotateX-negative reference/css-transform-3d-rotateX-ref rotateX on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions e72cad8900e39cf068d74c73c41673acc0ac721e `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for -60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotateX-positive reference/css-transform-3d-rotateX-ref rotateX on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 23f18cff0c29d24a8c84c3580b3e93e8a98e28c2 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotateY-negative reference/css-transform-3d-rotateY-ref rotateY on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 319d0facc90e0ef304eb522441d397c4edcd8757 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for -60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotateY-positive reference/css-transform-3d-rotateY-ref rotateY on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 5ead88a2d62775d749cc696e5835bc97d25ebed5 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square.
css-transform-3d-rotateZ-negative reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions c6e72d65237be14323ecaeafb416b0522b3f0560 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle.
css-transform-3d-rotateZ-positive reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions b8c8ea04728a7e1a3ea4b3e1c9226285f44e8bd6 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for 90 degree on Z-axis will cover the horizontal red rectangle.
css-transform-3d-transform-style reference/css-transform-3d-transform-style-ref rotateY with transform-style on nested elements http://www.w3.org/TR/css-transforms-1/#transform-style-property,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 026b4089e482e0ad65ed4fe5155f2ac57cc176dd `Intel`<http://www.intel.com> Test checks that rotate the nested div with transform-style preserve-3d, rotated parent div for -60 degree on Y-axis then and rotated child div for 120 degree, at this time the parent and child should have equal width, then child div could cover the red box.
css-transform-inherit-rotate CSS transforms rotate inheritance on div element http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions d5728ed357c652d068fdcba412306f15e3ed0b2c `Delong Gao`<mailto:gaodl@uw.edu> Rotation on parent element will not be inherited by child element, unless declared. The test is passed if there is a green square and no red. And it is rotated 45 degree.
css-transform-inherit-scale CSS transforms scale 2 inheritance on div elements http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 697e2bc8354a9373871c6e5eaee3da61bab5bcbd `Delong Gao`<mailto:gaodl@uw.edu> While child div inherits property from its parent, scaling 2 on parent div will course the child to scale 4 and totally cover the red div. The test passes if there is a green square and no red.
css-transform-inherit-scale CSS transforms scale 2 inheritance on div elements http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions d0df617e634f9e928ac09544b195ca3fa9a83516 `Delong Gao`<mailto:gaodl@uw.edu> While child div inherits property from its parent, scaling 2 on parent div will course the child to scale 4 and totally cover the red div. The test passes if there is a green square and no red.
css-transform-property-existence property existence dom,script http://www.w3.org/TR/css-transforms-1/#propdef-transform e2e29b7a421004f2d2de28cd9c00865a8326dcc8 `Intel`<http://www.intel.com>
css-transform-scale-001 reference/css-transform-scale-ref-001 transform property with scale function on hover state http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#transform-origin-property,https://drafts.csswg.org/css-transforms-1/#transform-functions 00ce03304079b134709a2a261823eed4aab5a903 `Chris Sanborn`<mailto:granimalcracker@gmail.com> When the element is hovered over, the transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner.
css-transform-scale-002 reference/css-transform-scale-ref-002 transform property with scale function and move its origin http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#transform-origin-property,https://drafts.csswg.org/css-transforms-1/#transform-functions 1be87301c1d39eab31ff0517f21d27fccf9eed56 `Chris Sanborn`<mailto:granimalcracker@gmail.com> The transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner.
css-transform-style-evaluation-validation property dom,script http://www.w3.org/TR/css-transforms-1/#transform-property 37a8b97e35690234100fba2ce84f6ce49f9c451c `Intel`<http://www.intel.com>
css-transform-scale-001 reference/css-transform-scale-ref-001 transform property with scale function on hover state http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#transform-origin-property,https://drafts.csswg.org/css-transforms-1/#transform-functions d5828eba3fe322d1d53688762ff2ece6b23e079f `Chris Sanborn`<mailto:granimalcracker@gmail.com> When the element is hovered over, the transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner.
css-transform-scale-002 reference/css-transform-scale-ref-002 transform property with scale function and move its origin http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#transform-origin-property,https://drafts.csswg.org/css-transforms-1/#transform-functions f5b4e5ccd2212d5830b57b3a7c00f3714d7f5a62 `Chris Sanborn`<mailto:granimalcracker@gmail.com> The transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner.
css-transform-style-evaluation-validation property dom,script http://www.w3.org/TR/css-transforms-1/#transform-property 5a8d85e61a3317abc201d6fa9e743a9706851a8d `Intel`<http://www.intel.com>
css-transforms-3d-on-anonymous-block-001 reference/css-transforms-3d-anonymous-block-ref No 3D transforms on anonymous block boxes http://www.w3.org/TR/css-transforms-1/#transform-rendering,http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering b6336b0f9700ab406855b37209b33e9b5d6959eb `Dirk Schulze`<mailto:dschulze@adobe.com> 3D transforms can not be applied to anonymous block boxes.
css-transforms-transformlist reference/css-transforms-transformlist-ref SVG transform in baseVal list http://www.w3.org/TR/css-transforms-1/#transform-attribute-dom 9aa16f87302fce56962b190dd82915528c961aa9 `Rik Cabanier`<mailto:cabanier@adobe.com> This test verifies that the CSS transform ends up in the list of SVG transforms
css-transforms-transformlist reference/css-transforms-transformlist-ref SVG transform in baseVal list http://www.w3.org/TR/css-transforms-1/#transform-attribute-dom b1d960c5823342c302508c92a76a2a8951d0bb3e `Rik Cabanier`<mailto:cabanier@adobe.com> This test verifies that the CSS transform ends up in the list of SVG transforms
css3-transform-perspective reference/css3-transform-perspective-ref rotateX 90 degrees with perspective make it invisible http://www.w3.org/TR/css-transforms-1/#propdef-perspective afb573840318c4c2b4022eb6a7b22d224f0c3b00 `caoqixing`<mailto:robin.webkit@gmail.com> Test passes if rotateX 90 degrees with perspective make it invisible
css3-transform-rotateY reference/css3-transform-rotateY-ref transform property with rotateY function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate a6a3ef1c37c465ab87f3462112f12644bf98dc61 `Noah Lu`<mailto:codedancerhua@gmail.com> box width should be equal to projection width if transform rotateY applied
css3-transform-rotateY reference/css3-transform-rotateY-ref transform property with rotateY function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate 5c95147e83eac77e18fa96629f05d2fa426de743 `Noah Lu`<mailto:codedancerhua@gmail.com> box width should be equal to projection width if transform rotateY applied
css3-transform-scale reference/css3-transform-scale-ref transform property with scale function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#funcdef-scale d0123070f9c1a2c5c76909db503799b4b8fba9ab `Noah Lu`<mailto:codedancerhua@gmail.com> box width and height will be twice larger if transform scale(2) applied
css3-transform-scale-002 reference/css3-transform-scale-ref-002 transform property with scale function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#funcdef-scale 68e29f2bb12052b13a608f2c27360f48e7da3026 `Noah Lu`<mailto:codedancerhua@gmail.com> box width and height will be twice larger if transform scale(2) applied
css3-transform-scale-002 reference/css3-transform-scale-ref-002 transform property with scale function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#funcdef-scale c386e0727d5032dbf72f07cd3c7b49d15442dde3 `Noah Lu`<mailto:codedancerhua@gmail.com> box width and height will be twice larger if transform scale(2) applied
iframe-001 reference/iframe-001-ref CSS Regions: flowing an iframe that loads content with 3D transform ahem 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 9034d6e28a2a29bea931cdbd700ac2722b156f1d `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that flowing an iframe that loads content with 3D transforms in a region renders without artifacts.
perspective-containing-block-dynamic-1a reference/containing-block-dynamic-1-ref CSS transforms: Creating containing block for fixed positioned elements dom https://drafts.csswg.org/css-transforms-1/#perspective-property b1b1a3d920d821ded6c0fd30bd9f698066f580b4 `L. David Baron`<http://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> It also establishes a containing block (somewhat similar to position: relative), just like the transform property does.
perspective-containing-block-dynamic-1b reference/containing-block-dynamic-1-ref CSS transforms: Creating containing block for fixed positioned elements dom https://drafts.csswg.org/css-transforms-1/#perspective-property 856b0e0227f9e8447061dc0183dc3828abad9fdf `L. David Baron`<http://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> It also establishes a containing block (somewhat similar to position: relative), just like the transform property does.
@ -46,42 +46,42 @@ perspective-origin-006 reference/ref-filled-green-100px-square perspective-origi
perspective-origin-x reference/perspective-origin-reftest perspective property http://www.w3.org/TR/css-transforms-1/#propdef-perspective-origin,http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property a514169deb95e436dffd165421439d0077bf8dec `Francisca Gil`<mailto:pancha0.0@gmail.com> Asserts that origin 'x1' visually moves the objects '-x1*d/(d-1)'
perspective-origin-xy reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#propdef-perspective-origin,http://www.w3.org/TR/css-transforms-1/#transform-property 28e8b6088ef1d05ab83bcd0b76d83db9f2a6542e `Francisca Gil`<mailto:pancha0.0@gmail.com> Asserts that origin '<x,y>' visually moves the objects '<-x,-y>*d/(d-1)'
perspective-translateZ-0 reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property d0003a38d7a9db5be25088682100d0a246b7fed4 `Andres Ugarte`<mailto:anduga@gmail.com> Asserts that points on the z=0 plane are unchanged
perspective-translateZ-negative reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property 4247257f27c177efd03ccd8d0b0d743d0cd88f92 `Andres Ugarte`<mailto:anduga@gmail.com> Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a negative Z
perspective-translateZ-positive reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property 882e012be02ab42a15e56763d604eb9b29f79685 `Andres Ugarte`<mailto:anduga@gmail.com> Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a positive Z
perspective-translateZ-negative reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property b80c8365c7840bfff2c825df40dcb115de423707 `Andres Ugarte`<mailto:anduga@gmail.com> Asserts that the scaling is proportional to d/(d - Z) for a negative Z
perspective-translateZ-positive reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property feef6b50a0d0b924b47d0a93f98bfa30b9e21721 `Andres Ugarte`<mailto:anduga@gmail.com> Asserts that the scaling is proportional to d/(d - Z) for a positive Z
regions-transforms-001 reference/regions-transforms-001-ref CSS Regions: Transformed named flow (non-text) content 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/#two-d-transform-functions 2a4b13b4c224164415af6fc43efef99a4b10216e `David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform is applied to the named flow non-text content.
regions-transforms-002 reference/regions-transforms-001-ref CSS Regions: Transformed named flow content element that has a child 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/#two-d-transform-functions b16b50581951c71a3be5ec0c9b1061947dffd0be `David Alcala`<mailto:dalcala@adobe.com> This test checks that the child is transformed along with the parent when the transform is applied to a named flow content node
regions-transforms-003 reference/regions-transforms-001-ref CSS Regions: Named flow content that has a transformed parent outside of the named flow 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/#two-d-transform-functions 2ca7fef7b0d356a4c339f36202e5db35f6187510 `David Alcala`<mailto:dalcala@adobe.com> This tests checks that when a transform is applied to a parent outside of the named flow but has child in the named flow, the child is not transformed along with the parent.
regions-transforms-004 reference/regions-transforms-001-ref CSS Regions: Transformed region using a 3D transform 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/#three-d-transform-functions fec3b0f5e534c7887ee515a3cd353207afd533e9 `David Alcala`<mailto:dalcala@adobe.com> This test checks that a 3D transform can be applied to a region
regions-transforms-005 reference/regions-transforms-001-ref CSS Regions: perspective set on the named flow content's parent does not apply when content flows into region ahem 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/#three-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#perspective-property 4012519a933c3484df28a4030086884a6fdd9f1c `Mihai Balan`<mailto:mibalan@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Test checks that content that has a 3D transform does not respect the perspective set on its parent when flowed into a region.
regions-transforms-006 reference/regions-transforms-001-ref CSS Regions: 3D transform on region with named flow (text) content that overflows ahem 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/#three-d-transform-functions 576aed5fbf48a6b72252b6cd4097154463548e20 `Mihai Balan`<mailto:mibalan@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Test checks that content flowed in a region and overflowing it is still rendered if the region has a 3D transform applied.
regions-transforms-007 reference/regions-transforms-001-ref CSS Regions: Transforms on both the named flow content and the region ahem 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/#two-d-transform-functions 472043ccde1670b43bd97b4d1fb3842c45e59994 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Mihai Balan`<mailto:mibalan@adobe.com> Test checks that if both the content flowed in a region and the region have a transform applied, they are properly composed. More specifically, in this test the content should appear as rotated 180 degrees.
regions-transforms-008 reference/regions-transforms-008-ref CSS Regions: Transformed named flow (text) content that breaks across multiple regions and overflows ahem 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms d8a4209344da1bc8fceaf310ad275d0c3bb56fb6 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com>,`Mihai Balan`<mailto:mibalan@adobe.com> This test checks that named flow text content is transformed when it breaks across multiple regions and that the overflow remains visible.
regions-transforms-009 reference/regions-transforms-008-ref CSS Regions: Transformed region with named flow (text) content that breaks across multiple regions and overflows ahem 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 14c43707256b41cd6dfc0e25dddd2bdf0131ce64 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the regions are transformed when named flow text content breaks across multiple regions and that the overflow remains visible.
regions-transforms-002 reference/regions-transforms-001-ref CSS Regions: Transformed named flow content element that has a child 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/#two-d-transform-functions 2d844875d7f0e5af2207ec1516ee01a12e177dd9 `David Alcala`<mailto:dalcala@adobe.com> This test checks that the child is transformed along with the parent when the transform is applied to a named flow content node
regions-transforms-003 reference/regions-transforms-001-ref CSS Regions: Named flow content that has a transformed parent outside of the named flow 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/#two-d-transform-functions 466ec376b1a71028227def13cb0292d4c8281a04 `David Alcala`<mailto:dalcala@adobe.com> This tests checks that when a transform is applied to a parent outside of the named flow but has child in the named flow, the child is not transformed along with the parent.
regions-transforms-004 reference/regions-transforms-001-ref CSS Regions: Transformed region using a 3D transform 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/#three-d-transform-functions 0d2dd576d718d8fb366927f95bf598e9fe24265f `David Alcala`<mailto:dalcala@adobe.com> This test checks that a 3D transform can be applied to a region
regions-transforms-005 reference/regions-transforms-001-ref CSS Regions: perspective set on the named flow content's parent does not apply when content flows into region ahem 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/#three-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#perspective-property 8e74d7e196dc385df46e98c3eab374aef6c9067e `Mihai Balan`<mailto:mibalan@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Test checks that content that has a 3D transform does not respect the perspective set on its parent when flowed into a region.
regions-transforms-006 reference/regions-transforms-001-ref CSS Regions: 3D transform on region with named flow (text) content that overflows ahem 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/#three-d-transform-functions bd5c69f3eccf8b704548fc0e3448c0b56fade39b `Mihai Balan`<mailto:mibalan@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Test checks that content flowed in a region and overflowing it is still rendered if the region has a 3D transform applied.
regions-transforms-007 reference/regions-transforms-001-ref CSS Regions: Transforms on both the named flow content and the region ahem 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/#two-d-transform-functions 98f058531becbf01b11a994d5dda8e0f7136354b `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Mihai Balan`<mailto:mibalan@adobe.com> Test checks that if both the content flowed in a region and the region have a transform applied, they are properly composed. More specifically, in this test the content should appear as rotated 180 degrees.
regions-transforms-008 reference/regions-transforms-008-ref CSS Regions: Transformed named flow (text) content that breaks across multiple regions and overflows ahem 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 8bbfaf3c0ba9bc52f0ff2a17078fe5bfcc88af9e `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com>,`Mihai Balan`<mailto:mibalan@adobe.com> This test checks that named flow text content is transformed when it breaks across multiple regions and that the overflow remains visible.
regions-transforms-009 reference/regions-transforms-008-ref CSS Regions: Transformed region with named flow (text) content that breaks across multiple regions and overflows ahem 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 5fd4103e6564c53d6b225c3f361738444a3542e4 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the regions are transformed when named flow text content breaks across multiple regions and that the overflow remains visible.
regions-transforms-010 reference/regions-transforms-010-ref CSS Regions: Transformed region with position: relative 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/#two-d-transform-functions 31cef15a8d765c156613c3f9e3249fda6ef23cd6 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform can be applied on relative positioned region.
regions-transforms-011 reference/regions-transforms-010-ref CSS Regions: Transformed region where parent and child are separate named flow content nodes 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/#two-d-transform-functions 45e9b45e04a92709878a3fb48d60b2da7ac4daff `David Alcala`<mailto:dalcala@adobe.com> This test checks that the region is transformed when a parent and its child are separate named flow content nodes flowing into it.
regions-transforms-011 reference/regions-transforms-010-ref CSS Regions: Transformed region where parent and child are separate named flow content nodes 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/#two-d-transform-functions d7d05b88380703e9c7f897db7a69d3d1fb249295 `David Alcala`<mailto:dalcala@adobe.com> This test checks that the region is transformed when a parent and its child are separate named flow content nodes flowing into it.
regions-transforms-012 reference/regions-transforms-010-ref CSS Regions: Transformed named flow content flowing into transformed region 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/#two-d-transform-functions 5d2b5f5e5c2779f3c782b96d449eaefd4b73ae61 `David Alcala`<mailto:dalcala@adobe.com> This test checks that named flow text content is transformed when it flows into a region that is also transformed.
regions-transforms-013 reference/regions-transforms-013-alt-ref;reference/regions-transforms-013-ref CSS Regions: Transformed named flow (monolithic) content that breaks across multiple regions 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules,http://www.w3.org/TR/css3-break/#monolithic be1b126597c212f49292d68542edfe8c2a2fe844 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the named flow content that is monolithic is transformed when it breaks across multiple regions whether it is sliced or overflowed at the fragmentainer edge.
regions-transforms-014 reference/regions-transforms-014-ref CSS Regions: Transform region with position:absolute and transform-origin 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/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#transform-origin-property c3dd807cf616a50a21e6f8041fbce23fd53fbe82 `David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform and transform-origin are applied to a region with absolute positioning.
regions-transforms-015 reference/regions-transforms-014-ref CSS Regions: Transformed named flow (non-text) content with transform-origin and position: absolute 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/#two-d-transform-functions 2edfbd6a3e6bd45903254817befa2e45efe6e4c3 `David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform and transform-origin are applied to named flow content that flows into a region with absolute positioning.
regions-transforms-013 reference/regions-transforms-013-alt-ref;reference/regions-transforms-013-ref CSS Regions: Transformed named flow (monolithic) content that breaks across multiple regions 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules,http://www.w3.org/TR/css3-break/#monolithic 9f6c9ee139b1009f13294aa474c51ae043fd54e0 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the named flow content that is monolithic is transformed when it breaks across multiple regions whether it is sliced or overflowed at the fragmentainer edge.
regions-transforms-014 reference/regions-transforms-014-ref CSS Regions: Transform region with position:absolute and transform-origin 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/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#transform-origin-property 0955636638e5e3ec08ad4a06956b6f8cbab3ae59 `David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform and transform-origin are applied to a region with absolute positioning.
regions-transforms-015 reference/regions-transforms-014-ref CSS Regions: Transformed named flow (non-text) content with transform-origin and position: absolute 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/#two-d-transform-functions 9f9952bad1245231c3e0654a86ad3def99daf0ee `David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform and transform-origin are applied to named flow content that flows into a region with absolute positioning.
regions-transforms-016 reference/regions-transforms-016-ref CSS Regions: 3D transform on named flow content with perspective() 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/#three-d-transform-functions df7d685df158c6c588a9f82d9d579caafdc158dd `David Alcala`<mailto:dalcala@adobe.com> This test checks that a 3D transform is applied with perspective to named flow content.
regions-transforms-017 reference/regions-transforms-017-ref CSS Regions: Multiple transformed named flow content nodes that overflow a region 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/#two-d-transform-functions 7ea5f462f76a2bc313e664e9f32452e0d19fd787 `David Alcala`<mailto:dalcala@adobe.com> This test checks that multiple named flow content nodes are transformed into a region and that the overflow remains visible.
regions-transforms-018 reference/regions-transforms-018-ref CSS Regions: 3D transform on named flow (text) content that overflows a region ahem 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/#three-d-transform-functions 56e280ba826c04d8c0451fdefb3d51980809bc28 `Mihai Balan`<mailto:mibalan@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Test checks that content that is transformed does not clip when flowed in a region.
regions-transforms-019 reference/regions-transforms-019-ref CSS Regions: 3D transform on named flow (text) content with perspective property set on region ahem 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/#three-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#perspective-origin-property d5a2d7b0c356dc966317fb7b29d871e018b0d65b `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that the 3D transform is applied named content flow, that the perspective set on the region is applied, and that the content is not clipped when the perspective is shifted
regions-transforms-020 reference/regions-transforms-020-ref CSS Regions: Transformed region with named flow (fragmentable) content that breaks across multiple regions 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules e73e7a72635a5605583e23fde99f54047a81c339 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that the named flow content that is fragmentable (has a break point) is transformed when it breaks across multiple regions.
regions-transforms-021 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (non-text) content nodes that break across multiple regions 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 0870c65471db6185829589066be514d54fe2d274 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that separate transforms can be applied to each named flow content node that breaks across multiple regions and that each fragment has its own transform origin.
regions-transforms-022 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (text) content nodes that break across multiple regions ahem 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 9aa8e9bb44f895b0429ea824b447abdcb9f533e3 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that separate transforms can be applied to each named flow content text node that breaks across multiple regions
rotate-180-degrees-001 transform - rotate 180 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 7e7e2cbee0f65bbefb6ce7e74ff7a70968a25a79 `Larry McLister`<mailto:lmcliste@adobe.com>
rotate-270-degrees-001 transform - rotate 270 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 7814b1f339a4d049adb1be6f798a36179ce03db3 `Larry McLister`<mailto:lmcliste@adobe.com>
rotate-90-degrees-001 transform - rotate 90 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 4c37b50fe36a932f5b7ac050e8dc68167132b0d8 `Larry McLister`<mailto:lmcliste@adobe.com>
rotate_45deg reference/rotate_45deg-ref rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 869d66a92f5020f0f522c33dd5e87b52db71df99 `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis
rotate_x_45deg reference/rotate_x_45deg-ref rotateX with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 9c1ea67ac3b42ac5eb521c40bd640dd943d07a0e `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis
rotate_y_45deg reference/rotate_y_45deg-ref rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 676a7db8531f14d928be06c2aa384aff3701e759 `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis
regions-transforms-019 reference/regions-transforms-019-ref CSS Regions: 3D transform on named flow (text) content with perspective property set on region ahem 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/#three-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#perspective-origin-property 2853f7c28307550e571893d2562f11ebf2ce8f36 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that the 3D transform is applied named content flow, that the perspective set on the region is applied, and that the content is not clipped when the perspective is shifted
regions-transforms-020 reference/regions-transforms-020-ref CSS Regions: Transformed region with named flow (fragmentable) content that breaks across multiple regions 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules 52095188c43d368fdec40e58d0af6ba82064702e `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that the named flow content that is fragmentable (has a break point) is transformed when it breaks across multiple regions.
regions-transforms-021 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (non-text) content nodes that break across multiple regions 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 07232a906d77ca727f31c74af4b6e4c7b3ddce0b `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that separate transforms can be applied to each named flow content node that breaks across multiple regions and that each fragment has its own transform origin.
regions-transforms-022 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (text) content nodes that break across multiple regions ahem 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/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms adc697a9d4a294c14c090d904c6813a75db05354 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that separate transforms can be applied to each named flow content text node that breaks across multiple regions
rotate-180-degrees-001 transform - rotate 180 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 11b0c918ee643458dc3f7197ede0238b8b271505 `Larry McLister`<mailto:lmcliste@adobe.com>
rotate-270-degrees-001 transform - rotate 270 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions d53c5c8bedc643d30b0a4174576ef802eb170ab0 `Larry McLister`<mailto:lmcliste@adobe.com>
rotate-90-degrees-001 transform - rotate 90 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions fab337290189cc6dc7fcf4356e59164c5773d576 `Larry McLister`<mailto:lmcliste@adobe.com>
rotate_45deg reference/rotate_45deg-ref rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 8317b48712865d6abc5954d16850bc1097abd24c `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis
rotate_x_45deg reference/rotate_x_45deg-ref rotateX with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 5528140d74dde885220a2af4608b51386fc98592 `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis
rotate_y_45deg reference/rotate_y_45deg-ref rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering c18b25678a72482de3e0e8499cafb510b4125e64 `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis
rotateY reference/rotateY-ref transform property with rotateY http://www.w3.org/TR/css-transforms-1/#funcdef-rotatey f4e3440dfbc15922fb037d7340c9eb4218c4254e `Zou Rui`<mailto:zrxldl@gmail.com> When the value of transform is 'rotateY(90deg)', the foward side of a transformed element disappears.
scale-optional-second-001 reference/scale-optional-second-ref transform property with scale function and one parameter http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions e63c550d1a7f24e7e7668ad94f78da65ac6d38cb `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If the second parameter of scale function is not provided, it takes a value equal to the first. This transform causes the element to appear twice as long in both the X and Y axes.
scale-zero-001 reference/scale-zero-ref transform property with scale function and zero values http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 2caa488dc20a00d72db606b2da9dfb6eae4ee03f `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If zero value is passed to scale function, it causes the element to disappear.
scalex reference/scalex-ref test scale x http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering c1e4f598f137270b4b44ef485bd3e5b4d30f3601 `Ebay Inc.`<xiatian@ebay.com> scale x 2
scaley reference/scaley-ref test scale y http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering a4b5a1c1981a3ffc953963bf4a331aabd19525c6 `Ebay Inc.`<xiatian@ebay.com> scale y 2
skew-test1 reference/skew-test1-ref Testing 1 - skew() svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 1cece689e5c1e6009ddb14210b380610173ba24a `Myriam Goude`<mailto:mymygo@gmail.com> The lime square in this test has a skew method applied : 30deg on x and 20deg on y. The red polygon should be totally hidden by the lime skewed square. Both start at 0,0
scale-optional-second-001 reference/scale-optional-second-ref transform property with scale function and one parameter http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 0f12acea7f825da7f6fd030587dd8330c44cd632 `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If the second parameter of scale function is not provided, it takes a value equal to the first. This transform causes the element to appear twice as long in both the X and Y axes.
scale-zero-001 reference/scale-zero-ref transform property with scale function and zero values http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions c3581089662c8dc8c27b8f5a61f69d2fd87d24b6 `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If zero value is passed to scale function, it causes the element to disappear.
scalex reference/scalex-ref test scale x http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 30de493943fd387d6a6fc71e34efb364e367595c `Ebay Inc.`<xiatian@ebay.com> scale x 2
scaley reference/scaley-ref test scale y http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering ecfe8122a40e39e64f5dc14d1563acfcbfd8765c `Ebay Inc.`<xiatian@ebay.com> scale y 2
skew-test1 reference/skew-test1-ref Testing 1 - skew() svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions ba5ef2455d095cccd94713c431a7d49a9e445ab7 `Myriam Goude`<mailto:mymygo@gmail.com> The lime square in this test has a skew method applied : 30deg on x and 20deg on y. The red polygon should be totally hidden by the lime skewed square. Both start at 0,0
svg-document-styles-001 reference/svg-document-styles-ref Document transform style on SVG element with presentation attribute style on the same element svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#transform-attribute-specificity e2c4fc089927fe0410c4db4522e637cd118b4a65 `Rebecca Hauck`<mailto:rhauck@adobe.com> Document transform styles on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-document-styles-002 reference/svg-document-styles-ref Document transform style on SVG child element with presentation attribute styles on the parent and child elements svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#transform-attribute-specificity c87b61f0992f8e8c3f1e6a09f0e5e1c5d9f9462a `Rebecca Hauck`<mailto:rhauck@adobe.com> Document transform styles on SVG elements should override presentation attribute styles on the same element. Presentation attribute styles on its parent should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels, and not scaled.
svg-document-styles-003 reference/svg-document-styles-ref Document transform style on SVG group element and presentation attribute style on child element svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#transform-attribute-specificity 2c456edcb0718edb3170eda07fffacb1f756b0e0 `Rebecca Hauck`<mailto:rhauck@adobe.com> Document transform styles on SVG group elements should be pre-multipled on the child elements. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
@ -425,7 +425,7 @@ svg-rotate-3args-invalid-003 reference/svg-rotate-3args-ref SVG rotate with thre
svg-rotate-3args-invalid-004 reference/svg-rotate-3args-ref SVG rotate with three arguments with one relative translation-value argument svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-functions b8dd510725dca85a5698c0fb898a037bf7dde0be `David Alcala`<mailto:dalcala@adobe.com> The rotate transform function takes two optional translation values. If one of the translation values is not provided, then both translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise but the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-3args-invalid-005 reference/svg-rotate-3args-ref SVG rotate with three arguments, with a third relative translation-value argument svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-functions 488379f0b9c6b0caf2335e5a841c0a472439bd8f `David Alcala`<mailto:dalcala@adobe.com> The rotate transform function takes two optional translation values. If a third relative translation-value argument is provided, then all translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise, but the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-angle-45-001 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument without unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 9929a7c0b3e6e05774b9bd2406c0774a215b8948 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support unit less arguments for angle. The green rect in the test should be rotated by 45 degrees clockwise to completely cover the red path.
svg-rotate-angle-45-002 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument with degree unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate 8e7d23346492cd16b57176acbbae0859aa29e6d4 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support the unit 'degree' on angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path.
svg-rotate-angle-45-002 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument with degree unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate f992b5e568e1e12173f21e8c21198cb9b9dcb1cd `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support the unit 'degree' on angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path.
svg-rotate-angle-45-003 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument with grad unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate a88b47fbb168d180e47ca2dd199ddb9be2e6a83f `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support the unit 'grad' on angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path.
svg-rotate-angle-45-004 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument with turn unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate 39bac979b9ef163c9316e1e0c3a912d6fec08093 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support the unit 'turn' on angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path.
svg-rotate-angle-45-005 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument with radian unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate cf37eadf46dee47e03bc36654121bf4c32c96c41 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support the unit 'rad' on angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path.
@ -501,23 +501,23 @@ svg-scaley-002 reference/svg-scale-ref SVG presentation attribute and scaleY 1.5
svg-scaley-003 reference/svg-scale-ref SVG presentation attribute and scaleY with percent argument - not supported svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-scaley caba01783fa322095d90fa8da2ea3911078fa8b6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The scaleY transform function does not support percentage values. The green rect in this test should not be scaled and should completely cover the red rect.
svg-scaley-004 reference/svg-scale-ref SVG presentation attribute and and scaleY -0.5 svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-scaley a996639bcf13abc20b7215132be5c99fe9ff7d19 `Rebecca Hauck`<mailto:rhauck@adobe.com> Scaling by a negative value should flip the element. The green in this test should be flipped downward into view and vertically scaled down to completely cover the red background.
svg-scaley-005 reference/svg-scale-ref SVG presentation attribute and scaleY -1.5 svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-scaley a845a5551f984fefccc7d443857b191a24297f28 `Rebecca Hauck`<mailto:rhauck@adobe.com> Scaling by a negative value should flip the element. The green rect in this test should be flipped downward into view and vertically scaled up 1.5 to completely cover the red background.
svg-skewx-001 reference/svg-skewx-ref SVG presentation attribute and angle argument without unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 705ccd00a7d8351dea2389ea6fe13d171e16ca5e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support unit less arguments for angle. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-002 reference/svg-skewx-ref SVG presentation attribute and angle argument with degree unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 6dc1965fcf77faa502f0b2f1495091d633db04eb `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'degree' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-003 reference/svg-skewx-ref SVG presentation attribute and angle argument with grad unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 20977d6f58d740ef0773d1dea3dd6210c409f577 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'grad' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-004 reference/svg-skewx-ref SVG presentation attribute and angle argument with turn unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 7063313b42acdd138942ce335f171b4226424f60 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'turn' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-005 reference/svg-skewx-ref SVG presentation attribute and angle argument with radian unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 555f54e4c0ae0373ed6fd433988b05d99bb82448 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'rad' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-006 reference/svg-skewx-ref SVG presentation attribute and skewX with negative, unit less turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 5e8e8ab3e1626d17d71744ae2a1980ba0484c2d5 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative, unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-007 reference/svg-skewx-ref SVG presentation attribute and skewX with negative degrees svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 4408aa5d474e43e37f79a493a051728c794836a6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative, 'degree' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-008 reference/svg-skewx-ref SVG presentation attribute and skewX with negative gradians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 1a488f01bfe5203ff15c5aab9b45d51a1404a588 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'grad' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-009 reference/svg-skewx-ref SVG presentation attribute and skewX with negative radians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 268f74c70a7976f8bc63b170cc77b9d05cff8f69 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'rad' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-010 reference/svg-skewx-ref SVG presentation attribute and skewX with negative turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 420a15607cd45731b300bbf1aafb18d74772c12e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'turn' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-011 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with unit less angle svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value a8148029d6aafa5c709a5226725159fd7d145939 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-012 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 5314afe26889d72bd49beffe6ee9cc1b6f93883e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-013 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 84103b4bb4de61d23a7ae4df4bf81b801dde415b `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in gradian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-014 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx c455b86c0983fdee6c3faf6e4a6e3657c5489f01 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in radian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-015 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 31561280f7b9d0ca6d89fbc7e37f1d357b86c1f0 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in turn. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-016 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 92aaacb6ef2e4a5b1c02c394c19a387edcea712f `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-017 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx f41ae44f1966dd88820869d5e9f74d4d212afc7d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for angle arguments in degree. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-001 reference/svg-skewx-ref SVG presentation attribute and angle argument without unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 0810e9b5fd602dd9b30c19bd33987533202f1857 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support unit less arguments for angle. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-002 reference/svg-skewx-ref SVG presentation attribute and angle argument with degree unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 6705252856653c857a93b9c586c781bb849a2d55 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'degree' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-003 reference/svg-skewx-ref SVG presentation attribute and angle argument with grad unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx e286a1180afae73405986943045139eefb25c912 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'grad' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-004 reference/svg-skewx-ref SVG presentation attribute and angle argument with turn unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 380b9aac2c038b1431ccca30fe3e1dd2bce1647e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'turn' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-005 reference/svg-skewx-ref SVG presentation attribute and angle argument with radian unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 78fd1ece94a5f79f3221593d337603f2488dfa96 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'rad' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-006 reference/svg-skewx-ref SVG presentation attribute and skewX with negative, unit less turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value dc4ded76e54f31ac0ab7b200115ec721b28a2c1e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative, unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-007 reference/svg-skewx-ref SVG presentation attribute and skewX with negative degrees svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx ed2151ae9c7aade77088380fef6c97a8965a889d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative, 'degree' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-008 reference/svg-skewx-ref SVG presentation attribute and skewX with negative gradians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 3fc5889127d87e6c294b8349b1d1a7c71cf4c3f6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'grad' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-009 reference/svg-skewx-ref SVG presentation attribute and skewX with negative radians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx f008145df72de9bc8e72aecc1eb659bf7dc9f8f8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'rad' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-010 reference/svg-skewx-ref SVG presentation attribute and skewX with negative turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx aba588a00c45626dc693f6b632f220a05fe519c0 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'turn' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-011 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with unit less angle svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 6a57894c3da5c84b60d67cd3fc4eb7737c301e95 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-012 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 22b5a51d3f1d8f2824833db0c344271beb52b778 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-013 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 883ca042c849bc17eb705d5bb309bd69f8db5f30 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in gradian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-014 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 5f4c92b9579edb0433286c6349926e49de52b98a `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in radian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-015 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 814d18aefed6294f02609b3bd1cca5175f7ce481 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in turn. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-016 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 2dc9bb428a75e56f096eafbf19c251cc48e4298f `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-017 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx dc8d1f1386acb2b01a7cdddceef36590992b60a4 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for angle arguments in degree. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-018 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on gradian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx b2bdc3a4c34851b2fcb527d19abcb8c991ac3ebd `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for angle arguments in gradians. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-019 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on radian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 88dfd5c4418424dd16a55cd13639214d5ff34479 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for angle arguments in radians. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-020 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx e1dc323d04912986f9ececa491e225b90de3dd4c `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for angle arguments in turns. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
@ -526,33 +526,33 @@ svg-skewx-022 reference/svg-skewx-ref SVG presentation attribute and skewX with
svg-skewx-023 reference/svg-skewx-ref SVG presentation attribute and skewX and scientific numbers with negative exponents for arguments in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 7637ffa4d09bb35a31bcf924b1ffc3c3bbffde53 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers with negative exponents for angle arguments in gradian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-024 reference/svg-skewx-ref SVG presentation attribute and skewX and scientific numbers with negative exponents for arguments in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 893c34b9d9185b6930d1ab727a33ab90f028315e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-025 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers with negative exponents for arguments in turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx dce2a1a74648ae1fc99d7ab4151ff859bec5a529 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewxy-001 reference/svg-skewxy-ref SVG presentation attribute with skewX and skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 1cb4b1f58587034c9ff8850e91fbde648b879a20 `Rebecca Hauck`<mailto:rhauck@adobe.com> The green rect in this test should be skewed horizontally 45 degrees and vertically 45 degrees to completely cover the red path.
svg-skewxy-002 reference/svg-skewxy-ref SVG presentation attribute with skewX and skewY with different units svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 1f07a1468a2eb45ea597362bd0aef69cae80ee7b `Rebecca Hauck`<mailto:rhauck@adobe.com> The green rect in this test should completely cover the red path by being skewed horizontally 45 degrees and vertically 45 degrees specified in different units in each function
svg-skewy-001 reference/svg-skewy-ref SVG presentation attribute and angle argument without unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value e09a8f740b5f1dcd297c6a09e8cc7cd42f9a26f8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support unit less arguments for angle. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-002 reference/svg-skewy-ref SVG presentation attribute and angle argument with degree unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy ad00663f0d9b43c1a9d3e10eccd4447b005508fa `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'degree' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-003 reference/svg-skewy-ref SVG presentation attribute and angle argument with grad unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy a785570363103fabcc8fe3d65a21f3b45b11aefe `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'grad' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-004 reference/svg-skewy-ref SVG presentation attribute and angle argument with turn unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy c5e63ee1e3249f8910c18ea2f5e0ddac96c73c9f `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'turn' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-005 reference/svg-skewy-ref SVG presentation attribute and angle argument with radian unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 66e5d873c2f6b9fe1fe525fbde522f0da3ed7cbe `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'rad' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-006 reference/svg-skewy-ref SVG presentation attribute and skewY with negative, unit less turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 375b5fb45ac7153df35e0031f2ec9a7a0ffb25ef `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative, unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-007 reference/svg-skewy-ref SVG presentation attribute and skewY with negative degrees svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 9bad4cf55b3919a1d8b81b8e0bece5982ec2d5bc `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative, 'degree' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-008 reference/svg-skewy-ref SVG presentation attribute and skewY with negative gradians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy e62b6bb2ad95355145261925f138bd0e4e0fff3d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'grad' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-009 reference/svg-skewy-ref SVG presentation attribute and skewY with negative radians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 4dbdd137d5ebbe070588ce9a8e0bb9ec0ffa70f8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'rad' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-010 reference/svg-skewy-ref SVG presentation attribute and skewY with negative turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy fd0b595a9a1404a38e1a6acb9efa320ace8e683e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'turn' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-011 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with unit less angle svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 14639ed66522943d08fe2d1e0a834e3721c309fe `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-012 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 5c8d75e1cc0e53e5e72345be8efab7118f2a9b49 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-013 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy cb8e78ba34f6089e5998ae3b64accbc0c4f16a27 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in gradian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-014 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 588f12e71127eb59bd8a4e0159dd1a79addc9c4a `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-015 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 47ec5d55a4c168274f47b386a761f15a9a8a4e70 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in turn. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-016 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy b01f2d74672f9d438b8d95cdffb2ed2fc75f362a `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-017 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy b2800cedec000a2cb4c8fa010131268c8cf25762 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in degree. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-018 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on gradian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy bfb916423b570aa1895709c3bde0c8760168c6e6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in gradians. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-019 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on radian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy d29507158a26b63ba5c3ddefc1836dbb94f9b32e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in radians. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-020 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 585f766951069532c641c498dc0ad21e0f8d2748 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in turns. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-021 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for unit less arguments svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 89396ae85add2f59d5dcccab9dc772761afde2b1 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-022 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for arguments in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy f53389cda5bd05cb774ab9d8eecde7446e8310a1 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in degree. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-023 reference/svg-skewy-ref SVG presentation attribute and skewY and scientific numbers with negative exponents for arguments in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 71863f571d410d99823963971bf126bd41edfbde `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in gradian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-024 reference/svg-skewy-ref SVG presentation attribute and skewY and scientific numbers with negative exponents for arguments in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy eb99c4412c29df40597d075b30a38992e9a42202 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-025 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for arguments in turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 6cc8452f2e6a18888a10d10a69b59f6c5ad90b71 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewxy-001 reference/svg-skewxy-ref SVG presentation attribute with skewX and skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 4ce1901455a41608fc01d0b38bdc0bff308afba4 `Rebecca Hauck`<mailto:rhauck@adobe.com> The green rect in this test should be skewed horizontally 45 degrees and vertically 45 degrees to completely cover the red path.
svg-skewxy-002 reference/svg-skewxy-ref SVG presentation attribute with skewX and skewY with different units svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 988a1d25f93d5a7b301be88609ff95684fbb4122 `Rebecca Hauck`<mailto:rhauck@adobe.com> The green rect in this test should completely cover the red path by being skewed horizontally 45 degrees and vertically 45 degrees specified in different units in each function
svg-skewy-001 reference/svg-skewy-ref SVG presentation attribute and angle argument without unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 4a39f943d14829234379aa583c1445c5acd2c8db `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support unit less arguments for angle. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-002 reference/svg-skewy-ref SVG presentation attribute and angle argument with degree unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 0758fad86b301bd90c6b8d9a5f5168daf56c6720 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'degree' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-003 reference/svg-skewy-ref SVG presentation attribute and angle argument with grad unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 7052a01e0137288446a014afb1df43486faacfb0 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'grad' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-004 reference/svg-skewy-ref SVG presentation attribute and angle argument with turn unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy cb1441123a0f4eadc67f13a12fbb03466fe79c94 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'turn' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-005 reference/svg-skewy-ref SVG presentation attribute and angle argument with radian unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 4de249c6f12025e471904ba2cb0df8eaefa331a2 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'rad' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-006 reference/svg-skewy-ref SVG presentation attribute and skewY with negative, unit less turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value fed983048d809f7074fc66d2d5b87a9aca9c07e6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative, unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-007 reference/svg-skewy-ref SVG presentation attribute and skewY with negative degrees svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 1a0530faa5c928e993419991c3ab55b9d716f2ae `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative, 'degree' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-008 reference/svg-skewy-ref SVG presentation attribute and skewY with negative gradians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy dd10530e3deed58a966b3bc7a95d078031ae6761 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'grad' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-009 reference/svg-skewy-ref SVG presentation attribute and skewY with negative radians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 9d38ab387889d0689babe491019d8f51daa4f7e3 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'rad' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-010 reference/svg-skewy-ref SVG presentation attribute and skewY with negative turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy b099449cc945ca92fa17d259b191afb2595dd732 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'turn' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-011 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with unit less angle svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 62bcf4e8fe5fce31a550e3c85d4eba9cd575b89e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-012 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy eb275424e19e4dc61f4fb7e3c5ff801cf78cdf0d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-013 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy f724d17ef85cb3ba1d02bc2ddd06592ca8da7d8d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in gradian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-014 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 6d822d02e45b6860ea575a9db4bad219e658942d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-015 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 6cd60e51e6cc559c578b56a4e607996047139835 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in turn. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-016 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy fd7f496367de3908b950704367b5d3d7a0eb3a5e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-017 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 8f51df624e2bd909c5b91d193c15f16d3287906c `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in degree. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-018 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on gradian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy b2e3525ee2b31613064ea93fa48f4dbb93b458c2 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in gradians. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-019 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on radian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 5f643161d15be7e35b72f8bc5036d53d895070de `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in radians. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-020 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 5dbdeaf617227b63970ed1e271db7596241e70ca `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in turns. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-021 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for unit less arguments svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 86fc968c6520113f513d625852054adf562fe35e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-022 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for arguments in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 8e63fce6b04e4e04f6a713a2b154177182672f76 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in degree. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-023 reference/svg-skewy-ref SVG presentation attribute and skewY and scientific numbers with negative exponents for arguments in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 964f7d6ab9915638eaed3d41eba005dbb9dba80c `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in gradian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-024 reference/svg-skewy-ref SVG presentation attribute and skewY and scientific numbers with negative exponents for arguments in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 93553c5cc530d4536e86f5548cd263d6b3d61866 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-025 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for arguments in turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy a4de5e608df31c74c7bdd0106ec084f774e2bab4 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-transform-group-001 reference/svg-green-square-ref SVG presentation attribute and translate on group svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions b7a6c5b0f9e7666fbabfc538ba108cd20edaf930 `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be translated, therefore the child element should be translated to completely cover the red rect.
svg-transform-group-002 reference/svg-green-square-ref SVG presentation attribute and translateX on group svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 0a1699c80cd8cd4f8fe5d68b0c834876446a5ce3 `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be translated horizontally, therefore the child element should be translated horizontally to completely cover the red rect.
svg-transform-group-003 reference/svg-green-square-ref SVG presentation attribute and translateY on group svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions df87d3000ff8e0809ff56364e8320a645685b1d1 `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be translated vertically, therefore the child element should be translated vertically to completely cover the red rect.
@ -573,8 +573,8 @@ svg-transform-list-separations-006 reference/svg-transform-list-separations-ref
svg-transform-list-separations-007 reference/svg-transform-list-separations-ref Multiple spaces before and after transform functions on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists df5343a2ab7aef3e8ca08f5ca65d2172dce82ae8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with multiple spaces before and after the transform function list
svg-transform-list-separations-008 reference/svg-transform-list-separations-ref Transform functions separated by commas separations with multiple spaces before the commas on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists e9e957303415022892733e6c32bd0a11539b2dc6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace before the commas.
svg-transform-list-separations-009 reference/svg-transform-list-separations-ref Transform functions separated by commas separations with spaces before and after the commas on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists a5244eefa3421734f0398796a3d53aec904f4e8c `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace before the commas.
svg-transform-list-separations-010 reference/svg-transform-list-separations-ref Transform functions separated by newlines on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists e52ea065d87948f68cd18574c3c3649f91833e2f `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by newlines
svg-transform-list-separations-011 reference/svg-transform-list-separations-ref Transform functions separated by commas and newlines on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists 02581b4a5aafb1e96d35dc8ddff53b3ec89624a7 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas and newlines
svg-transform-list-separations-010 reference/svg-transform-list-separations-ref Transform functions separated by newlines on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists 6f75f2659f67b1f94bd0e6efed07bc7d69859064 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by newlines
svg-transform-list-separations-011 reference/svg-transform-list-separations-ref Transform functions separated by commas and newlines on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists 7ced2a4799daf17538c11af675222546b5bca058 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas and newlines
svg-transform-nested-001 reference/svg-green-square-ref SVG presentation attribute and translate on group, translate on child svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 997b618831b9fa1f2fd174fb748016c4ffbfed8c `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated. Additionally, the child rect should be translated.
svg-transform-nested-002 reference/svg-green-square-ref SVG presentation attribute, translateX on group, translateX on child svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 27de914b48b2cd2276c30f13fc9715dc35420806 `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated horizontally. Additionally, the child rect should be translated horizontally.
svg-transform-nested-003 reference/svg-green-square-ref SVG presentation attribute, translateY on group, translateY on child svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 75b1b8105f7fe359307c00082e1e697bdf6e9b24 `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated vertically. Additionally, the child rect should be translated vertically.
@ -803,7 +803,7 @@ svg-translatey-ex-unit-005 reference/svg-translatey-ex-unit-ref SVG presentation
svg-translatey-ex-unit-006 reference/svg-translatey-ex-unit-ref SVG presentation attribute and translation-value negative argument with ex unit in scientific notation with a negative exponent on translateY ahem,svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey c8decfe92c88ff7b9d771b37005bd205265a2876 `Rebecca Hauck`<mailto:rhauck@adobe.com> The translateY transform function must support the relative length unit 'ex' in negative scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 40 pixels in the Y direction
svg-translatey-relative-001 reference/svg-translatey-ref SVG presentation attribute and translation-value argument with percentage unit on translateY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey d1db0cf9706882c089ba1297a23a1f3632112d50 `Rebecca Hauck`<mailto:rhauck@adobe.com> The translateY transform function must support percentage units on translation-value arguments. The rect in the test should be moved 50 pixels in the Y direction
svg-translatey-relative-002 reference/svg-translatey-ref SVG presentation attribute and translation-value argument with negative percentage unit on translateY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey 2c74fb0cf8d319f76c665c141b0edd600a231cea `Rebecca Hauck`<mailto:rhauck@adobe.com> The translateY transform function must support negative percentage units on translation-value arguments. The rect in the test should be moved 50 pixels in the Y direction
transform-2d-getComputedStyle-001 transform translate dom,script http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 216cebd0833e5c8d7c1de779909a17d601e36bc8 `Your Name`<mailto:youremail@address.com> CSS 2D transforms correctly report their matrix via getComputedStyle()
transform-2d-getComputedStyle-001 transform translate dom,script http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 7abbcb0913432a6365ed21add50b46be2293ca4e `Your Name`<mailto:youremail@address.com> CSS 2D transforms correctly report their matrix via getComputedStyle()
transform-3d-rotateY-stair-above-001 reference/transform-3d-rotateY-stair-above-ref-001 rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering ca88a7d44c80ff2e7b904840350b51d86b3a53b2 `Apple Inc.`<http://www.apple.com/> A rotateY transform with perspective should result in a trapezoid.
transform-3d-rotateY-stair-below-001 reference/transform-3d-rotateY-stair-above-ref-001 rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 29c2babe5b8d5d61a3faffe5b151e90cd8984237 `Apple Inc.`<http://www.apple.com/> A rotateY transform with perspective should result in a trapezoid.
transform-abspos-001 reference/transform-abspos-ref Containing Block for Absolute Positioning (left/top) http://www.w3.org/TR/css-transforms-1/#transform-rendering ebbfd38b3580e0eefdc4cbe00c2ad6f4bd4c0528 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> "In the HTML namespace, any value other than 'none' for the transform results in the creation of . . . a containing block." This means absolutely positioned elements need to be rooted at a transformed ancestor, just as though it had non-static position.
@ -815,14 +815,14 @@ transform-abspos-006 reference/transform-abspos-ref Containing Block for Absolut
transform-abspos-007 reference/transform-abspos-ref Containing Block for Fixed Positioning (inline-table) http://www.w3.org/TR/css-transforms-1/#transform-rendering fbcd78880ad7da649bae7c7bf9d49f8e5adbdd32 `Aryeh Gregor`<mailto:ayg@aryeh.name> "In the HTML namespace, any value other than 'none' for the transform results in the creation of . . . a containing block. The object acts as a containing block for fixed positioned descendants." This means fixed-position elements need to be rooted at a transformed ancestor, rather than the viewport. This test differs from transform-abspos-002.html in that the outer div has display: inline-table, which might cause it to render differently in buggy UAs.
transform-applies-to-001 reference/transform-applies-to-001-ref transform applied to elements with 'display' set to 'block' http://www.w3.org/TR/css-transforms-1/#transform-property c5b7edcf423ffb3286d43bb506fbf59849a85793 `Apple Inc.`<http://www.apple.com/> The 'transform' property applies to elements with 'display' set to 'block'.
transform-applies-to-002 reference/transform-applies-to-002-ref Transform does not apply to non-replaced inline elements ahem http://www.w3.org/TR/css-transforms-1/#transform-property f8ff14ddbac427d20647c8410ba47cd3b8202b4f `Apple Inc.`<http://www.apple.com/> The 'transform' property does not apply to non-replaced inline elements.
transform-background-001 reference/transform-background-ref-1 Transform of Background Image (rotate right) svg http://www.w3.org/TR/css-transforms-1/#transform-property 8bf8becc441d55130a13a7f6c45fb35a07d0ccd9 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it.
transform-background-002 reference/transform-background-ref-1 Transform of Background Image (rotate left) svg http://www.w3.org/TR/css-transforms-1/#transform-property b57d0985403a0b3ec1dab9806aae49a4ecf71ecd `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it.
transform-background-003 reference/transform-background-ref-1 Transform of Background Image (flip) svg http://www.w3.org/TR/css-transforms-1/#transform-property e8a0f69eff0ee5789c79219c99efb34b3f6645ba `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it.
transform-background-004 reference/transform-background-ref-1 Transform of Background Image (nested flip) svg http://www.w3.org/TR/css-transforms-1/#transform-property 56ab8e555e79ff81d7a3b05ab382b5b21b1c9036 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. This file tests that a transform on the parent works correctly, not just on the element itself.
transform-background-005 reference/transform-background-ref-2 Transform of Background Image (non-propagated body) svg http://www.w3.org/TR/css-transforms-1/#transform-property c77baa2d6ca35a2b0a51b45ec6ff8d6b92716ee3 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. In this case the scale is applied to the root element, and the background is on the body. The white background on the root element prevents the body's background from propagating to the canvas, so it's just a regular background.
transform-background-006 reference/transform-background-ref-2,!reference/transform-background-006-notref Transform of Background Image (propagated body) svg http://www.w3.org/TR/css-transforms-1/#transform-property 5c00e2eddc748ac87284bfd6d0a66c2c7904f139 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. In this case the transform is applied to the body element, but the root element's background is transparent, so the background is actually on the root element instead of the body. Therefore, the transform must not affect the background.
transform-background-007 reference/transform-background-ref-2 Transform of Background Image (propagated body with root element transform) svg http://www.w3.org/TR/css-transforms-1/#transform-rendering 8e1a27e66891c231d76aad09a65eb2148c39b93e `Aryeh Gregor`<mailto:ayg@aryeh.name> "If the root element is transformed, the transformation applies to the entire canvas, including any background specified for the root element. Since the background painting area for the root element is the entire canvas, which is infinite, the transformation might cause parts of the background that were originally off-screen to appear. For example, if the root element's background were repeating dots, and a transformation of 'scale(0.5)' were specified on the root element, the dots would shrink to half their size, but there will be twice as many, so they still cover the whole viewport." In this case, the background is specified on the body but propagates to the root element. The transform is on the root element, so it needs to affect the background. The rotation 90 degrees clockwise means that most of the screen will be filled with triangles that were originally above the top of the viewport; the original top row of triangles will now be on the left.
transform-background-008 reference/transform-background-ref-2 Transform of Background Image (root element background and transform) svg http://www.w3.org/TR/css-transforms-1/#transform-rendering fef8b9c41f26d8be57dde0743cb057f0c8dd3e42 `Aryeh Gregor`<mailto:ayg@aryeh.name> This is exactly the same as transform-background-007.html, except that the background is specified directly on the root element instead of being specified on the body and propagating to the root.
transform-background-001 reference/transform-background-ref-1 Transform of Background Image (rotate right) svg http://www.w3.org/TR/css-transforms-1/#transform-property 472f9cda02dd7166f11acbe9f7e04163bebfc5e0 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it.
transform-background-002 reference/transform-background-ref-1 Transform of Background Image (rotate left) svg http://www.w3.org/TR/css-transforms-1/#transform-property 7ea1e2f40f256081924a455b96b7607ed8b8acd6 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it.
transform-background-003 reference/transform-background-ref-1 Transform of Background Image (flip) svg http://www.w3.org/TR/css-transforms-1/#transform-property e371a0e795f21c937bf2688d37e8bf021f2674dd `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it.
transform-background-004 reference/transform-background-ref-1 Transform of Background Image (nested flip) svg http://www.w3.org/TR/css-transforms-1/#transform-property ecf6a81ef2a3df04b3e467ebfd31dcba7fc63380 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. This file tests that a transform on the parent works correctly, not just on the element itself.
transform-background-005 reference/transform-background-ref-2 Transform of Background Image (non-propagated body) svg http://www.w3.org/TR/css-transforms-1/#transform-property b5c146a8c5cc6156cb411b67d158acb85cf4abc5 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. In this case the scale is applied to the root element, and the background is on the body. The white background on the root element prevents the body's background from propagating to the canvas, so it's just a regular background.
transform-background-006 reference/transform-background-ref-2,!reference/transform-background-006-notref Transform of Background Image (propagated body) svg http://www.w3.org/TR/css-transforms-1/#transform-property c7bfdc95b8b287c3047b4f2ffcbcde898a0b9843 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. In this case the transform is applied to the body element, but the root element's background is transparent, so the background is actually on the root element instead of the body. Therefore, the transform must not affect the background.
transform-background-007 reference/transform-background-ref-2 Transform of Background Image (propagated body with root element transform) svg http://www.w3.org/TR/css-transforms-1/#transform-rendering 21dcc00548587da28bb5b181fadc2cae2473e482 `Aryeh Gregor`<mailto:ayg@aryeh.name> "If the root element is transformed, the transformation applies to the entire canvas, including any background specified for the root element. Since the background painting area for the root element is the entire canvas, which is infinite, the transformation might cause parts of the background that were originally off-screen to appear. For example, if the root element's background were repeating dots, and a transformation of 'scale(0.5)' were specified on the root element, the dots would shrink to half their size, but there will be twice as many, so they still cover the whole viewport." In this case, the background is specified on the body but propagates to the root element. The transform is on the root element, so it needs to affect the background. The rotation 90 degrees clockwise means that most of the screen will be filled with triangles that were originally above the top of the viewport; the original top row of triangles will now be on the left.
transform-background-008 reference/transform-background-ref-2 Transform of Background Image (root element background and transform) svg http://www.w3.org/TR/css-transforms-1/#transform-rendering 91095bb7bf9c5f06f5117a9fb116845d1ba4364f `Aryeh Gregor`<mailto:ayg@aryeh.name> This is exactly the same as transform-background-007.html, except that the background is specified directly on the root element instead of being specified on the body and propagating to the root.
transform-compound-001 reference/transform-compound-ref,!reference/transform-compound-notref-1,!reference/transform-compound-notref-2 Compound Transforms http://www.w3.org/TR/css-transforms-1/#transform-rendering 65423ad44cb45420ba7c53d298bf04bdf96e6a99 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Robert O'Callahan`<mailto:robert@ocallahan.org>,`Aryeh Gregor`<mailto:ayg@aryeh.name> Tests that applying multiple transforms to an element is the same as applying the transforms in the same order to nested elements.
transform-containing-block-dynamic-1a reference/containing-block-dynamic-1-ref CSS transforms: Creating containing block for fixed positioned elements https://drafts.csswg.org/css-transforms-1/#transform-rendering,https://drafts.csswg.org/css-transforms-1/#transform-property c3f9d7a8c16cd9fd6cda5cddcbb0284dbcd7a63a `L. David Baron`<http://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> For elements whose layout is governed by the CSS box model, any value other than none for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants. The object acts as a containing block for fixed positioned descendants.
transform-containing-block-dynamic-1b reference/containing-block-dynamic-1-ref CSS transforms: Creating containing block for fixed positioned elements https://drafts.csswg.org/css-transforms-1/#transform-rendering,https://drafts.csswg.org/css-transforms-1/#transform-property 8a7d0c09ed99b59f712e0367a4ff755666647d33 `L. David Baron`<http://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> For elements whose layout is governed by the CSS box model, any value other than none for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants. The object acts as a containing block for fixed positioned descendants.
@ -884,7 +884,7 @@ transform-origin-006 reference/transform-origin-ref-2 transform-origin percentag
transform-origin-007 reference/transform-origin-007-ref transform-origin - 50% bottom('bottom' computes to '100%' in vertical position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property 7cccdc9303d743d37c9bb4d8667df3d9275d8adc `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'bottom' computes to 100% for the vertical position.
transform-origin-008 reference/transform-origin-007-ref transform-origin - center 0%('center' computes to '50%' in horizontal position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property 93aa81d8d634718923c434433ff68d0d3c8970e1 `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'center' computes to 50%(left 50%) for the horizontal position.
transform-origin-009 reference/transform-origin-007-ref transform-origin - 0% center('center' computes to '50%' in vertical position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property 3b718f344483916201a66cbe6221c381159f53f7 `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'center' computes to 50%(top 50%) for the vertical position.
transform-origin-01 reference/transform-origin-01-ref SVG Transform using transform-origin http://www.w3.org/TR/css-transforms-1/#transform-origin-property ef1ced09d9b9d8c4be4ff2ab5e7dd7d180ae65de `CJ Gammon`<mailto:gammon@adobe.com> If only one value is specified, the second value is assumed to be &acirc;&#8364;&#732;center&acirc;&#8364;&#8482;
transform-origin-01 reference/transform-origin-01-ref SVG Transform using transform-origin http://www.w3.org/TR/css-transforms-1/#transform-origin-property dd392fb93d7f77eb3e7812f3292d6a816b6e646a `CJ Gammon`<mailto:gammon@adobe.com> If only one value is specified, the second value is assumed to be 'center'
transform-origin-010 reference/transform-origin-007-ref transform-origin - left 0%('left' computes to '0%' in horizontal position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property b2442da33df650e1135410a58df6396c779179c2 `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'left' computes to 0% for the horizontal position.
transform-origin-011 reference/transform-origin-007-ref transform-origin - right 100%('right' computes to '100%' in horizontal position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property 7b06dd1372944da05357015436d23b8d639c35bf `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'right' computes to 100% for the horizontal position.
transform-origin-012 reference/transform-origin-007-ref transform-origin - 0% top('top' computes to '0%' in vertical position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property e750026449d756bbaf3c4c1f8ce5f47de665571f `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'top' computes to 0% for the vertical position.
@ -961,7 +961,7 @@ transform-translatex-002 reference/transform-translatex-ref translatex(50px) rot
transform-translatex-003 reference/transform-translatex-ref translatex(25px) translatex(25px) http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatex 49f80f7170088e0a270e42df182a0bdf59600ed6 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that translatex(25px) translatex(25px) is the same as relative positioning by 50px toward the right.
transform-translatex-004 reference/transform-translatex-ref translatex() plus relative positioning http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatex fea38c7a5f3682e7ef86c71cf284681ebd305d62 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that translatex(25px) plus relative positioning 25px to the right is the same as relative positioning by 50px toward the right.
transform-translatex-005 reference/transform-translatex-ref Several X-Translations Combined http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatex 1db5d24fc75ee737c88908519944b14260c734c3 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that a sequence of positive and negative translations is the same as relative positioning by 50px toward the right.
transform-translatex-006 reference/transform-translatex-ref transform property with translateX function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 5b05587254888e6c0e89fdeb049ef789173a189c `Serena Wales`<mailto:serena@codeforamerica.org> This tests that translateX(50px) translates a box by 50 pixels in the X direction.
transform-translatex-006 reference/transform-translatex-ref transform property with translateX function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions e34401f774f15d349143c4731caf52a0cc9e6aea `Serena Wales`<mailto:serena@codeforamerica.org> This tests that translateX(50px) translates a box by 50 pixels in the X direction.
transform-translatey-001 reference/transform-translatey-ref translatey(50px) http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey a22d68bd276eac23677398775496082e8989710c `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that translatey(50px) is the same as relative positioning by 50px toward the bottom.
transform-translatey-002 reference/transform-translatey-ref translatey(50px) rotate(360deg) http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey eae3e3fc3e92f41ece53f1ac2afe12cf567a26a3 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that translatey(50px) rotate(360deg) is the same as relative positioning by 50px toward the bottom.
transform-translatey-003 reference/transform-translatey-ref translatey(25px) translatey(25px) http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey f69f3f755acf7612a6af561a89e3ca888f4fa145 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that translatey(25px) translatey(25px) is the same as relative positioning by 50px toward the bottom.
@ -1040,8 +1040,8 @@ transforms-rotate-translate-scale reference/transforms-rotate-translate-scale-re
transforms-rotateY-degree-60 reference/transforms-rotateY-degree-60-ref transform property with rotate function and one parameter http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 54c1e1cfe7f1109159253136b2239111d0c109c8 `Ji Kai`<mailto:7jikai@gmail.com>
transforms-skewX reference/transforms-skewX-ref transform property with skew function for X axis. http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions dd76111e380e64f3e5cbef9ffbdb5a044d862f2e `Jacy-Bai`<mailto:jinxin.bai@gmail.com> If the skew for X axis not provided, greenSquare will not cover redSquare.
transforms-skewY reference/transforms-skewY-ref transform property with skew function for Y axis. http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 5600d5b5fc10aeaa2d3c43e51ac36ac2c6793e70 `Jacy-Bai`<mailto:jinxin.bai@gmail.com> If the skew for Y axis not provided, greenSquare will not cover redSquare.
translate reference/translate-ref test translate http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering f9426c7946bea4fb7d30ad5e7326caf46a465b28 `Ebay Inc.`<xiatian@ebay.com> translate x, y
translate-optional-second-001 reference/translate-optional-second-ref transform property with translate function and one parameter http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 2a11e746366063ba9b10397b490738a8c686b892 `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If the second parameter is not provided, it has zero as a value. This transform moves the element by 100 pixels in X direction.
translate reference/translate-ref test translate http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering df5cbdd25700b31adf321f8f3f689dc11fa20804 `Ebay Inc.`<xiatian@ebay.com> translate x, y
translate-optional-second-001 reference/translate-optional-second-ref transform property with translate function and one parameter http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 8b89de122e13cc0eb8794e3dee25bd804c81436b `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If the second parameter is not provided, it has zero as a value. This transform moves the element by 100 pixels in X direction.
transofrmed-preserve-3d-1 reference/transofrmed-preserve-3d-1-ref transform preserve-3d http://www.w3.org/TR/css-transforms-1/#transform-property 2dea466f5bd0eaaabc1aece7ad68db29009a4524 `loveky`<mailto:ylzcylx@gmail.com> The transformed div should establishe a 3D rendering context
transofrmed-rotateX-3 reference/transofrmed-rotateX-3-ref transform rotateX http://www.w3.org/TR/css-transforms-1/#transform-property 1045ee0727034be93674d88e23480934850a43f0 `loveky`<mailto:ylzcylx@gmail.com> The transformed div should rotateX by 180 degrees
transofrmed-rotateY-1 reference/transofrmed-rotateY-1-ref transform rotateY http://www.w3.org/TR/css-transforms-1/#transform-property 71eb2c034927bca565a6a03e81fb2ca6ebfa1950 `loveky`<mailto:ylzcylx@gmail.com> The transformed div should rotate 90 degrees