<!DOCTYPE html> <html><head> <style> .first { transform: translateZ(10px); background-color: blue; top: 50px; } .second { transform: translateZ(5px); background-color: green; } .leaf { width: 100px; height: 100px; position:absolute; } </style> </head><body> <div style="opacity:0.5; transform:translateX(0px)"> <div class="leaf first"></div> <div class="leaf second"></div> </div> </body> </html>