Ana içeriğe geç

CSS Sprite Oluşturucu

Birden çok küçük ikonu tek bir sprite sayfasında birleştirin ve eşleşen CSS konumlarını alın.

Nasıl Kullanılır

  1. 1En az iki görsel seçip sıralı listeyi kontrol edin.
  2. 2Dikey veya yatay yerleşim, boşluk, iç boşluk, arka plan ve çıktı biçimini seçin.
  3. 3Temel CSS sınıfını ve her görselin sınıf adını düzenleyin; görselleri taşıyın veya kaldırın.
  4. 4Sprite oluşturun, PNG/WebP önizlemesini inceleyin ve CSS ya da HTML kodunu kopyalayın.
  5. 5Görsel, stil dosyası ve örnek işaretlemeyi içeren sprite paketini indirin.

Bu araç hakkında

Birden fazla ikondan yerleşim, boşluk, arka plan, CSS sınıfları ve HTML çıktısı ayarlanabilen CSS sprite sayfası oluşturun.

Sıkça Sorulan Sorular