有没有一种简单的方法可以使图像倾斜？

Question

我想将图像添加到网站，但希望图像具有倾斜的边缘，就好像它被以一定角度推到一侧一样。 有没有快速简单的方法来做到这一点？

Answer 1

CSS其实超级简单。转换正是您所需要的，有几种不同的方法来转换元素，因此请查看文档 here 以找到您需要的方法。根据您所说的，我认为倾斜或旋转最适合您的需求。完成此操作需要三行 CSS（已更新以删除前缀）：

Jsfiddle

div.skew {
    transform: skewX(15deg);
}
div.rotate {
    transform: rotate(15deg);
}