V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
xjx0524
V2EX  ›  问与答

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

  •  
  •   xjx0524 · 2015-09-07 19:56:17 +08:00 · 2192 次点击
    这是一个创建于 3350 天前的主题,其中的信息可能已经有所发展或是发生改变。


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

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

    间距里面有空格所以不均匀 我懒的手改了
    ljbha007
        5
    ljbha007  
       2015-09-07 20:15:06 +08:00
    @lankeren 学到了 谢谢
    ljbha007
        6
    ljbha007  
       2015-09-07 20:15:40 +08:00
    @xjx0524 建议做图片 用 background-repeat 这样兼容性更好也没那么影响性能
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1150 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 18:41 · PVG 02:41 · LAX 10:41 · JFK 13:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.