<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform: skewX(20deg);
}
</style>
</head>
<body>
<h1>skewX()メソッド</h1>
<p>skewX()メソッドは、指定された角度だけX軸に沿って要素を傾斜させます。</p>
<div>
これは通常のdiv要素です。
</div>
