0.5px 像素边框

阅读量

移动端1px边框问题

  1. 两倍设计稿

  2. 缩放

    1
    2
    3
    4
    5
    div {
        height: 1px;
        transform: scaleY(0.5);
        transform-origin: 50% 100%;
    }

  3. 虚线

    1
    2
    3
    4
    div {
        height: 1px;
        background: linear-gradient(0 deg, #fff, #000);
    }

  4. 边框阴影

    1
    2
    3
    div {
        box-shadow: 0 0.5px 0 #000;
    }

  5. svg图片 base64 的细线
    用图片

赏

1分也是爱

微信

扫一扫，分享到微信

微信分享二维码
本站访客数人次

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

talk is cheap <br><br>show me the code ！<br><br>沉淀技术<br><br>不断突破<br><br>实现人生自由！！！