blob: 9c7475e849cf6d07b886fcc8d4800d2714551c88 [file] [log] [blame]
<!DOCTYPE html>
The perspective origin should be positioned in the container's border box,
regardless of the presence of an overflow clip.
.container {
background-color: green;
border: 10px solid black;
overflow: hidden;
position: relative;
width: 100px;
height: 100px;
margin: 10px 0;
perspective: 500px;
.transformed {
background-color: blue;
width: 50px;
height: 50px;
transform: translateZ(-1000px);
<div class="container">
<div class="transformed"></div>
<div class="container" style="perspective-origin: 60% 40px">
<div class="transformed"></div>