<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          PeachesCSS編譯工具

          聯合創(chuàng)作 · 2023-09-19 21:41

          Peaches是一個基于Node的CSS編譯工具,用于自動合成CSS Sprite。
          Peaches 追求簡單、自然的CSS書寫方式!

          大致的工作原理如下:
          1. 我們在書寫樣式時,對每個需要使用背景圖片的元素,進行單獨的背景圖片定義
          2. 運行peaches命令
          3. peaches根據樣式規(guī)則,提取背景圖片,并合并為一張sprite圖
          4. 根據合并后的背景圖片重新生成樣式,這時將更新背景圖片定位

           

          這樣免去了手動合并圖片和定位的麻煩,而且也大大提升后續(xù)修改樣式的效率。

          我們希望書寫樣式時不再浪費時間制作sprite
          我們希望不再糾結圖片放在什么位置最恰當
          我們希望不再因為設計調整而重新拼圖而抓狂
          我們一直希望有工具能替代這些重復的體力工作,讓書寫css回歸簡單、自然
          所以我們有了Peaches

          瀏覽 14
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  久操综合视频在线 | 伊人大香蕉精品 | 日日做人人爱 | 午夜真实日逼视频 | 草草网 |