opacity-preserve3d-5-ref.html (456B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 .outer { 6 transform-style: preserve-3d; 7 width: 200px; 8 height: 200px; 9 opacity: 0.7; 10 } 11 .inner { 12 top: 50%; 13 transform: translateY(-50%); 14 background-color: green; 15 position:relative; 16 width: 200px; 17 height: 200px; 18 } 19 </style> 20 </head> 21 <body> 22 23 <div id="outer" class="outer"> 24 <div class="inner"> 25 </div> 26 </div> 27 </body> 28 </html>