HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> div{ width:100px; height:100px; border:1px solid #000; font-size:17px; } #outerDiv{ background:#f69d3c; margin: 20px 70px; perspective: 100px; } #innerDiv{ background:#0066ff; transform: rotate3d(1, 1, 1, 45deg); -webkit-transform: rotate3d(1, 1, 1, 45deg); } </style> </head> <body> <h1>CSS perspective Property</h1> <div id="outerDiv">outerDiv <div id="innerDiv">innerDiv</div> </div> </body> </html>
OUTPUT
×

Save as Private