transform: skewX()可以将元素按照水平方向进行倾斜，即沿着X轴方向进行扭曲。下面是一个简单的HTML示例，演示如何使用transform: skewX()倾斜元素：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Transform: skewX()示例</title>
<style>
.skewed-text {
transform: skewX(30deg);
}
</style>
</head>
<body>
<h1 class="skewed-text">这是一个倾斜的标题</h1>
<p class="skewed-text">这是一个倾斜的段落</p>
</body>
</html>在上面的示例中，.skewed-text是一个具有transform: skewX()属性的元素，该属性的值为30deg，表示将元素水平方向倾斜30度。在本例中，应用了这个样式的元素是<h1>和<p>标签。
你可以将倾斜角度的值改为其他数值，例如10deg或60deg，以便看到不同的倾斜效果。值得注意的是，transform: skewX()只是将元素进行倾斜，而不改变元素的大小或形状。
正文完