<!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>