是否有一种简单的方法可以使图像倾斜?

时间:2016-04-05 13:08:09

标签: html css css3 css-shapes

我想将图像添加到网站,但希望图像具有倾斜的边缘,就好像它以一定角度被推向一侧。 有一个快速简单的方法吗?

1 个答案:

答案 0 :(得分:1)

使用CSS实际上非常简单。变换完全符合您的需要,有几种不同的变换元素的方法,因此请查看文档here以找到您需要的文档。根据你所说的我相信歪斜或旋转最符合你的需求。它需要三行CSS才能完成此任务(已更新以删除前缀):

Jsfiddle

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