الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!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: skew(20deg); } </style> </head> <body> <h2>CSS skew() function</h2> <p>The skew() function skews the element along the X-axis only by the given angle if you gave it one value.</p> <div class="container"> <div id="demo">Transformed</div> </div> </body> </html>