зеркало из https://github.com/mozilla/gecko-dev.git
42 строки
756 B
HTML
42 строки
756 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Testcase for bug 1207326</title>
|
|
<style>
|
|
.wrap1 {
|
|
position: absolute;
|
|
width: 600px;
|
|
height: 600px;
|
|
transform: perspective(500px) rotateY(6deg) scale(0.7, 0.7);
|
|
overflow: hidden;
|
|
}
|
|
.wrap2 {
|
|
position: relative;
|
|
margin-top: -300px;
|
|
margin-left: -300px;
|
|
}
|
|
.inner {
|
|
position: relative;
|
|
height: 100%;
|
|
background-color: purple;
|
|
will-change: transform;
|
|
}
|
|
.main {
|
|
overflow: hidden;
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="main">
|
|
<div class="wrap2">
|
|
<div class="wrap1">
|
|
<div class="inner">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|