jQuery 1px衬里叠加

时间:2015-03-23 17:47:49

标签: jquery math

只是想知道我是否可以这样做:

我将有一个顶部和底部倾斜的图像倾斜,使图像看起来以一个角度运行。

然后我想运行一个功能,在图像的整个长度上均匀地间隔(大约8px)添加1px高白线,就像一种屏幕。

因此,第一行将从顶部向右穿过图像宽度8px,然后从顶部向下运行16px,依此类推。

任何指向正确方向的人都会很棒。

谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用CSS3转换skewY()方法。 This是浏览器中的当前支持。你可以编写一个小脚本,每8px创建一个1px高div,白色背景。

但是如果知道将使用什么图像(或图像),你可能应该只是偏斜它们并使用一些图像处理软件(如Photoshop)添加这些线条并在你的网站中使用它们。或者,如果您不知道将使用哪些图像,但是您知道尺寸,则应使用这些白线(透明背景PNG)制作图像并将其放在倾斜图像的顶部。