intermediate-1-ref.html (510B)
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <style type="text/css"> 7 8 div { 9 position: absolute; 10 width: 100px; 11 height: 100px; 12 } 13 14 .opacity { 15 opacity: 0.99; 16 } 17 18 .green { 19 background-color: green; 20 } 21 22 .red { 23 width: 300px; 24 height: 100px; 25 background-color: red; 26 } 27 28 .translate { 29 transform: translateX(100px); 30 } 31 32 </style> 33 </head> 34 35 <body> 36 <div class="red"></div> 37 <div class="green"> 38 <div class="translate opacity green"> 39 <div class="translate green"></div> 40 </div> 41 </div> 42 </body> 43 </html>