在HTML5和CSS3中，你可以使用CSS3的transform属性来实现图片的倾斜效果。以下是一个简单的例子：
HTML:
<div class="image-container"><img src="your-image.jpg" alt="Your Image" class="tilted-image">
</div>
CSS:
.image-container {width: 300px;height: 300px;overflow: hidden;
}.tilted-image {width: 100%;height: auto;transform: skew(-15deg); /* 倾斜角度可以根据需要调整 */margin-left: -20px; /* 根据倾斜角度调整图片位置，以保证图片在容器中居中 */
}
在这个例子中，.tilted-image类应用于你想要倾斜的图片。transform: skew(-15deg);是使图片倾斜的关键代码，你可以根据需要调整倾斜的角度。注意，倾斜操作可能会使图片的部分内容移出容器，所以你可能需要调整margin-left或者容器的overflow属性来保证图片的显示效果。
另外，这个例子中的倾斜是水平方向的。如果你想要垂直倾斜，可以使用skewY()函数，例如transform: skewY(-15deg);。如果你想要同时在水平和垂直方向上倾斜，可以组合使用skew()和skewY()，例如transform: skew(-15deg) skewY(10deg);。
