想问下这种长条的斜条纹能用 css 实现么

2015-09-07 19:56:17 +08:00
 xjx0524


知道 linear-gradient 但是想不出来怎么弄出这种效果
2063 次点击
所在节点    问与答
6 条回复
ljbha007
2015-09-07 20:01:48 +08:00
可以 但是很麻烦 效率也低
lankeren
2015-09-07 20:08:01 +08:00
http://lea.verou.me/css3patterns/#diagonal-stripes 另外推荐一下她的书 CSS Secrets
xjx0524
2015-09-07 20:10:37 +08:00
@lankeren 谢谢 原来还有 repeating-linear-gradient

@ljbha007 那通常是直接做成图片么
ljbha007
2015-09-07 20:12:10 +08:00
写了个例子: http://jsfiddle.net/38gb46wm/

间距里面有空格所以不均匀 我懒的手改了
ljbha007
2015-09-07 20:15:06 +08:00
@lankeren 学到了 谢谢
ljbha007
2015-09-07 20:15:40 +08:00
@xjx0524 建议做图片 用 background-repeat 这样兼容性更好也没那么影响性能

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/218940

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX