<!DOCTYPE HTML>
<style>
.perspective {
background: red;
width: 100px;
height: 100px;
overflow: hidden;
box-shadow: 0 0 100px 100px rgba(10, 10, 10, 0.0);
}
.cover {
background: green;
height: 500px;
transform: translateZ(0);
}
</style>
<div class="perspective">
<div class="cover"></div>
</div>