gecko-dev/layout/reftests/transform-3d/mask-layer-3.html
Matt Woodrow e6469da752 Bug 1269321: Part 4 - Add tests. r=thinker
--HG--
extra : rebase_source : 4a6756ea08ac3f949fd2ad3a50aa5160921e446e
2016-06-30 18:10:49 +02:00

37 lines
547 B
HTML

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>border-radius should work correctly for elements with preserve-3d</title>
<style>
#a {
position: relative;
width: 300px;
height: 300px;
border-radius: 10px;
overflow: hidden;
background: red;
}
#b {
height: 100%;
transform-style: preserve-3d;
transform: rotateX(90deg);
}
#c {
position: relative;
background: green;
height: 100%;
width: 10000px;
transform: rotateX(90deg);
}
</style>
<div id="a">
<div id="b">
<div id="c"></div>
</div>
</div>