我有一个实用的CSS3 skewX属性用途。我用jQuery编写了一个简单的图像手风琴脚本。为了使正确的区域可点击,图像已经被倾斜(不是在CSS中),包含的div需要被倾斜。
问题是,在倾斜div时,图像也被倾斜了。倾斜一个已经倾斜的图像看起来不好。
我尝试过的一个解决方案是将图像的skewX值重置为0deg,但没有成功。在这个fiddle中,我没有包括手风琴,因为这对解决方案没有必要。
问题是,在倾斜div时,图像也被倾斜了。倾斜一个已经倾斜的图像看起来不好。
我尝试过的一个解决方案是将图像的skewX值重置为0deg,但没有成功。在这个fiddle中,我没有包括手风琴,因为这对解决方案没有必要。
<div><img src="https://www.google.com/intl/en_com/images/srpr/logo3w.png"></div>
div {
-webkit-transform:skewX(200deg);
-moz-transform:skewX(200deg);
-o-transform:skewX(200deg);
-ms-transform:skewX(200deg);
transform:skewX(200deg);
border:1px solid red;
}
skewX()
是一个函数。属性为transform
。 - BoltClock