只是想知道我是否可以这样做:
我将有一个顶部和底部倾斜的图像倾斜,使图像看起来以一个角度运行。
然后我想运行一个功能,在图像的整个长度上均匀地间隔(大约8px)添加1px高白线,就像一种屏幕。
因此,第一行将从顶部向右穿过图像宽度8px,然后从顶部向下运行16px,依此类推。
任何指向正确方向的人都会很棒。
谢谢
答案 0 :(得分:0)
您可以使用CSS3转换skewY()
方法。 This是浏览器中的当前支持。你可以编写一个小脚本,每8px创建一个1px高div
,白色背景。
但是如果知道将使用什么图像(或图像),你可能应该只是偏斜它们并使用一些图像处理软件(如Photoshop)添加这些线条并在你的网站中使用它们。或者,如果您不知道将使用哪些图像,但是您知道尺寸,则应使用这些白线(透明背景PNG)制作图像并将其放在倾斜图像的顶部。