Annons
CSS-Sprit.es är ett onlineverktyg som hjälper webbdesigners och utvecklare att hantera CSS Sprites-plikt. Det låter dig snabbt och enkelt generera bildsprites (en grafikkomponent med en fördefinierad åtgärd, som en del av en större komponent) för din webbplats med liten eller till och med ingen kunskap om CSS.
Som en extra funktion kan den också producera rollovers med olika effekter (Desaturation, Sepia, Embossing, Vänd horisontellt/Vertikalt, Invertering) och ge din webbplats det saknade utseendet. Applikationen använder HTML 5-funktioner och genererar giltig CSS.
Det är väldigt enkelt att använda webbplatsen, välj helt enkelt dina filer, välj sedan valfritt överrullningseffekt från rullgardinsmenyn och klicka på knappen "Skapa CSS Hover". Detta kommer att generera en förhandsvisning som innehåller originalbilden och övergångsbilden som visas i bilden nedan. Om du gillade resultaten kan du hämta motsvarande CSS- och HTML-kod.
Funktioner:
- Skapa CSS-sprites online.
- Alternativt kan du använda automatiska överrullningar med olika effekter som desaturation, bildvändning eller sepia...
- Tillåtna bildtyper: png, gif, jpeg och varje fil bör inte vara större än 5 MB.
- Fleruppladdning och batchbearbetning stöds.
- Låter dig förhandsgranska tillämpad effekt.
- Den genererade CSS är kompatibla med Mozilla, Chrome, Safari, Opera och IE > 6.0.
- Gratis och ingen registrering.
- Se också 11 användbara verktyg för att kontrollera, rengöra och optimera din CSS-fil 11 Användbara verktyg för att kontrollera, rengöra och optimera CSS-filerVill du förbättra din CSS-kod? Dessa CSS-kontroller och -optimerare hjälper till att förbättra CSS-kod, syntax och förminska dina webbsidor. Läs mer .
Testa CSS-Sprite @ www.css-sprit.es
Chinmoy Kanjilal är en student är också en bloggare, en programmerare och en teknikentusiast. Han gillar att testa nya webbappar och mjukvara och allt som har med teknik att göra är extremt spännande för honom.