الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .container { perspective: 100px; height: 100px; width: 100px; margin: 30px auto; border: 1px solid darkgray; } #demo { display: block; height: 100%; width: 100%; background: dodgerblue; transform: translate3d(30px, 40px, -20px); } </style> </head> <body> <h2>CSS translate3d() function</h2> <p>You can use the translate3d() function to set the translate on the X, Y and Z axis.</p> <div class="container"> <div id="demo">Transformed</div> </div> </body> </html>