Nervously Practice Multithreading

    miaow-css-sprite

    3.4.0 • Public • Published

    miaow-css-sprite

    Miaow的CSS自动雪碧图工具

    效果示例

    .bar {
      display: inline-block;
      background: url(./bar.png#sprite) no-repeat left top;
      width: 153px;
      height: 74px;
    }
     
    .baz {
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(./baz.jpg#sprite);
      width: 237px;
      height: 112px;
    }
     
    /* 处理后 */
    .bar {
      display: inline-block;
      background: url(./bar.png#sprite) no-repeat left top;
      width: 153px;
      height: 74px;
      /* 以下内容由 miaow-css-sprite 生成 */
      background-image: url(foo-sprite_567e004eac.png);
      background-position: 0 0;
    }
     
    .baz {
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(./baz.jpg#sprite);
      width: 237px;
      height: 112px;
      /* 以下内容由 miaow-css-sprite 生成 */
      background-image: url(foo-sprite_567e004eac.png);
      background-position: 0 -84px;
    }

    Install

    npm i miaow-css-sprite

    DownloadsWeekly Downloads

    24

    Version

    3.4.0

    License

    MIT

    Last publish

    Collaborators

    • anhulife