1081185-1-ref.html (455B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 body { 6 margin-top:100px; 7 opacity:0.5; 8 } 9 10 .container { 11 width: 120px; 12 height: 120px; 13 perspective: 100px; 14 } 15 16 .bottom { 17 width: 120px; 18 height: 120px; 19 position: absolute; 20 background-color: rgba(255,0,255,1); 21 transform: translateZ(60px) translateY(120px) rotateX(-90deg); 22 transform-origin: left top; 23 } 24 </style> 25 </head> 26 <body> 27 <div class="container"> 28 <div class="bottom"></div> 29 </div> 30 </body> 31 </html>