opacity-preserve3d-2-ref.html (496B)
1 <!DOCTYPE html> 2 <html><head> 3 <style> 4 .first { 5 transform: translateZ(10px); 6 background-color: blue; 7 top: 50px; 8 } 9 .second { 10 transform: translateZ(5px); 11 background-color: green; 12 } 13 .leaf { 14 width: 100px; 15 height: 100px; 16 position:absolute; 17 } 18 </style> 19 </head><body> 20 21 <div style="opacity:0.5; transform:translateX(0px)"> 22 <div class="leaf first"></div> 23 <div class="leaf second"></div> 24 </div> 25 26 </body> 27 </html>