xjx0524
V2EX  ›  问与答

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

  •  
  •   xjx0524 · Sep 7, 2015 · 2833 views
    This topic created in 3899 days ago, the information mentioned may be changed or developed.


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

    @ljbha007 那通常是直接做成图片么
    ljbha007
        4
    ljbha007  
       Sep 7, 2015
    写了个例子: http://jsfiddle.net/38gb46wm/

    间距里面有空格所以不均匀 我懒的手改了
    ljbha007
        5
    ljbha007  
       Sep 7, 2015
    @lankeren 学到了 谢谢
    ljbha007
        6
    ljbha007  
       Sep 7, 2015
    @xjx0524 建议做图片 用 background-repeat 这样兼容性更好也没那么影响性能
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5522 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 50ms · UTC 09:29 · PVG 17:29 · LAX 02:29 · JFK 05:29
    ♥ Do have faith in what you're doing.