|
backface-visibility-hidden-001 |
= |
|
transform property with backface visibility = hidden
- When the value of backface visibility property is 'hidden', the back side of a transformed element is invisible when facing the viewer.
|
|
transform3d-backface-visibility-001 |
= |
|
Simple Backface-Visibility, rotatex(180deg)
- This tests that a very simple case of backface-visibility causes the element to disappear: rotateX(180deg) is specified on the same element that has backface-visibility: hidden.
|
|
transform3d-backface-visibility-002 |
= |
|
Backface-Visibility With Transformed Parent and Child in Different Rendering Contexts
- This tests that if an element has 'backface-visibility: hidden' and is rotated 180deg, so it would normally disappear, it doesn't reappear just because its parent also has a 180deg rotation. The rotations don't cancel, since the parent doesn't have 'transform-style: preserve-3d' and is in a different rendering context.
|
|
transform3d-backface-visibility-003 |
= |
|
Simple Backface-Visibility, rotatex(180deg) on Table
- This is identical to transform3d-backface-visibility-001.html, except that display: table is specified too. This is motivated by a real-world UA bug: <https://bugzilla.mozilla.org/show_bug.cgi?id=724750>.
|
|
transform3d-backface-visibility-004 |
= |
|
Backface-Visibility With Transformed Parent in Same Rendering Context, Split Transform
- This tests that if a parent and child are in the same 3D rendering context, and a 60deg rotation on the parent combines with a 60deg rotation on the child to make a 120deg rotation, the child will disappear if 'backface-visibility: hidden' is specified, just like if the 120deg rotation were specified on the child to start with.
|
|
transform3d-backface-visibility-005 |
= |
|
Backface-Visibility With Transformed Parent in Different Rendering Context
- This tests that if an element is not transformed, but its parent is rotated 180deg in a different rendering context, the child's 'backface-visibility: hidden' does not make it disappear. Only transforms that affect the child itself are relevant to 'backface-visibility'.
|
|
transform3d-backface-visibility-006 |
= |
|
Backface-Visibility With Transformed Parent in Same Rendering Context
- This is the same as transform3d-backface-visibility-005.html, except that the parent has 'transform-style: preserve-3d'. Thus the child is affected by the parent's transform and should not be visible.
|
|
transform3d-backface-visibility-007 |
= |
|
Simple Backface-Visibility, scalez(-1)
- This is the same as transform3d-backface-visibility-001.html, except it uses scalez(-1) instead of rotatex(180deg). scalez(-1) has no visible effect when applied by itself to a box, since the box's Z-coordinates are all 0, but it still causes it to be affected by 'backface-visibility'.
|