/* www.bizineo.com - when saving files make sure to update image's url. */
.tile {
background-color: transparent;
background-image: url(http://www.bizineo.com/services/public/sprites/www.bizineo.com-sprite_20160315175905_08d503c1-1849-48ea-b3fa-fad63c5d3506_79x159.png);
background-repeat: no-repeat;
width: 79px;
height: 159px;
}
.tile-Frame_1 { background-position: 0px 0px; }
.tile-Frame_2 { background-position: -79px 0px; }
.tile-Frame_3 { background-position: -158px 0px; }
.tile-Frame_4 { background-position: -237px 0px; }
.tile-Frame_5 { background-position: -316px 0px; }
.tile-Frame_6 { background-position: 0px -159px; }
.tile-Frame_7 { background-position: -79px -159px; }
.tile-Frame_8 { background-position: -158px -159px; }
.tile-Frame_9 { background-position: -237px -159px; }
.tile-Frame_10 { background-position: -316px -159px; }
.tile-Frame_11 { background-position: 0px -318px; }
.tile-Frame_12 { background-position: -79px -318px; }
.tile-Frame_13 { background-position: -158px -318px; }
.tile-Frame_14 { background-position: -237px -318px; }
.tile-Frame_15 { background-position: -316px -318px; }
.tile-Frame_16 { background-position: 0px -477px; }
.tile-Frame_17 { background-position: -79px -477px; }
.tile-Frame_18 { background-position: -158px -477px; }
.tile-Frame_19 { background-position: -237px -477px; }
.tile-Frame_20 { background-position: -316px -477px; }
.tile-Frame_21 { background-position: 0px -636px; }
.tile-Frame_22 { background-position: -79px -636px; }
.tile-Frame_23 { background-position: -158px -636px; }
.tile-Frame_24 { background-position: -237px -636px; }
.tile-Frame_25 { background-position: -316px -636px; }
Css sprite animation Oluşturma |
3 Mesajlar | 697 Okunma | ||
- Üyelik 06.11.2013
- Yaş/Cinsiyet 38 / E
- Meslek Esnaf
- Konum Trabzon
- Ad Soyad M** K**
- Mesajlar 1681
- Beğeniler 631 / 817
- Ticaret 1, (%100)
Merhaba arkadaşalr gif formatlı dosyayı sprite dosyaya oradan da css oluşturdum. AMa bir türlü html çıktısını oluşturamadım. kod aşağıdaki gibidir bunun html çıktısını oluşturmasını bilen bir arkadaştan yardm bekliyorum
;){kind=link}
- Üyelik 04.11.2014
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad K** K**
- Mesajlar 1290
- Beğeniler 0 / 208
- Ticaret 27, (%100)
html kodunuda yazabilirmisin konuya.
- Üyelik 06.11.2013
- Yaş/Cinsiyet 38 / E
- Meslek Esnaf
- Konum Trabzon
- Ad Soyad M** K**
- Mesajlar 1681
- Beğeniler 631 / 817
- Ticaret 1, (%100)
işte sorun tam olarak burada başlıyor aşağıdaki sitelerde sadece sprite dönüştürme vs css kodlarını vermekte html kodlarını vermiyor
http://www.bizineo.com/gifneo/
http://gif2sprite.com/
KadirKC
Ek Olarak: Eğer benim gibi .gif formatlı dosyaları png css sprite animasyonlara css + sprite dosya (.png) + html çıktılarını komple sunan site
http://animizer.net/
http://www.bizineo.com/gifneo/
http://gif2sprite.com/
KadirKC
Ek Olarak: Eğer benim gibi .gif formatlı dosyaları png css sprite animasyonlara css + sprite dosya (.png) + html çıktılarını komple sunan site
http://animizer.net/
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)