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