split-intersect1.html (621B)
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6 <meta charset="utf-8"> 7 <title>Split intersect 1</title> 8 9 <style> 10 .container { 11 margin: 0 0; 12 width: 400px; 13 height: 400px; 14 15 transform-style: preserve-3d; 16 } 17 18 .shape { 19 margin: 0 0; 20 position: absolute; 21 22 width: 100px; 23 height: 100px; 24 } 25 26 .first { 27 background-color: rgba(255,0,0,1); 28 } 29 30 .second { 31 background-color: rgba(0,255,0,1); 32 transform: rotateY(0.1deg); 33 } 34 </style> 35 </head> 36 37 <body> 38 <div class="container"> 39 <div class="shape first"></div> 40 <div class="shape second"></div> 41 </div> 42 </body> 43 </html>