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