wpt / css / css-transforms / backface-visibility-001.html

Status: PASS | Duration: 7ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-transforms/backface-visibility-001.html

<!DOCTYPE HTML>
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@google.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property">
<link rel="help" href="http://www.w3.org/TR/css-transforms-2/#propdef-backface-visibility">
<link rel="match" href="backface-visibility-001.ref.html">
<meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-2">
<meta name="assert" content="backface-visibility should have no effect when no transforms are present">
<style>
.box {
    border: 1px solid black;
    width: 200px;
    height: 200px;
    backface-visibility: hidden;
}
</style>
<div class="box">
    This text should be visible
</div>

/css/css-transforms/backface-visibility-001.ref.html

<!DOCTYPE HTML>
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@google.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property">
<link rel="help" href="http://www.w3.org/TR/css-transforms-2/#propdef-backface-visibility">
<meta name="assert" content="backface-visibility should have no effect when no transforms are present">
<style>
.box {
    border: 1px solid black;
    width: 200px;
    height: 200px;
}
</style>
<div class="box">
    This text should be visible
</div>