1245450-1.html (597B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 .scene { 6 perspective: 1000px; 7 transform-style: preserve-3d; 8 transform: rotateY(0deg); 9 } 10 11 .card { 12 perspective: 1000px; 13 transform-style: preserve-3d; 14 backface-visibility: hidden; 15 width: 100px; 16 height: 100px; 17 } 18 19 .front { 20 transform: rotateY(0deg); 21 background-color: #00FF00; 22 } 23 24 .back { 25 transform: rotateY(180deg); 26 background-color: #FF0000; 27 } 28 </style> 29 </head> 30 <body> 31 <div class="scene"> 32 <div class="card front"></div> 33 <div class="card back"></div> 34 </div> 35 </body> 36 </html>