怎么把图片拉成平行四边形

你可以使用CSS3的transform属性来实现将图片转换为平行四边形。具体步骤如下：

1. 首先将图片嵌套在一个div元素中。

2. 使用CSS3的transform属性来将div元素旋转一定角度。

3. 使用skew()函数来将div元素的两个边分别拉伸，从而形成平行四边形。

以下是一个示例代码：

<div class="parallelogram">
  <img src="your-image.jpg" alt="your image">
</div>

.parallelogram {
  transform: rotate(-10deg);
  overflow: hidden;
}
.parallelogram img {
  transform: skew(20deg);
  width: 100%;
}

上述代码中，div元素被旋转了-10度，并且设置了overflow属性为hidden，用于隐藏图片超出div元素的部分。而图片则被使用skew()函数沿着x轴方向拉伸20度，从而形成平行四边形的效果。

你可以根据实际需求调整代码中的旋转角度和拉伸程度。