HeronTool
繁體中文▾
登入
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
首頁 › 開發程式 ›

輸入圖片網址與尺寸，產生 CSS 雪碧圖（Sprite）的樣式表程式碼。

dev

使用方法

  1. 輸入圖片網址
  2. 設定尺寸與偏移量
  3. 複製產生的 CSS

使用場景

輸入圖片網址與尺寸，產生 CSS 雪碧圖程式碼。

不會上傳任何內容 — 全部在瀏覽器本地處理。

評論 / 糾錯 / 我的標註

請先登入 — 登入

請先登入 — 登入

請先登入 — 登入

相關工具
JSON 格式化 美化、壓縮或驗證 JSON，並找出錯誤位置。 格式化 正則測試 即時測試正規表示式，並高亮標示比對結果。 正規表示式 程式碼高亮 貼上程式碼，一鍵轉成彩色 HTML 高亮。 程式碼 HTML 編碼 編碼或解碼 HTML 實體，跳脫特殊字元。 編碼 URL 編碼/解碼 URL 編碼或解碼，支援中文與特殊字元。 編碼 Base64 編碼/解碼 將文字進行 Base64 編碼或解碼。 編碼 顏色轉換 在 HEX / RGB / HSL 之間轉換顏色。 顏色 JSON 驗證 檢查 JSON 是否有效並定位錯誤。 驗證