<html> <head> <style> div { width:100px; height:100px; border:10px solid black; background-color:skyblue; } .transparent { opacity: 0.5; } .translated { transform:translate(120px, -10px) } </style> </head> <body> In the example below you should see three blocks right next to one another, and they should all be partially transparent. <div class="transparent"> <div class="translated"><div class="translated"></div></div> </div>