CSS-Sprit.es: Създаване на CSS спрайтове без никакво кодиране

Реклама

CSS-Sprit.es е онлайн инструмент, който помага на уеб дизайнерите и разработчиците да се справят със задълженията на CSS Sprit. Той ви позволява бързо и лесно да генерирате спрайтове на изображения (графичен компонент с предварително дефинирано действие, като част от по-голям компонент) за вашия уебсайт с малко или дори никакви познания по CSS.

Като допълнителна функция той може също да произвежда преобръщания с различни ефекти (Desaturation, Sepia, Embossing, Flipping Horizontally/Vertical, Inverting) и да придаде на уебсайта ви липсващия вид. Приложението използва функции на HTML 5 и генерира валиден CSS.

Използването на сайта е наистина лесно, просто изберете вашите файлове, след което по избор изберете ефект на преобръщане от падащия списък и кликнете върху бутона „Създаване на CSS Hover“. Това ще генерира визуализация, съдържаща оригиналното изображение и преходното изображение, както се вижда на изображението по-долу. Ако сте харесали резултатите, можете да вземете съответния CSS и HTML код.

Характеристика:

• Създавайте CSS спрайтове онлайн.
• По избор приложете автоматични преобръщания с различни ефекти като десатурация, обръщане на изображението или сепия...
• Разрешени типове изображения: png, gif, jpeg и всеки файл не трябва да е по-голям от 5 MB.
• Поддържа се многократно качване и пакетна обработка.
• Позволява ви да прегледате приложен ефект.
• Генерираните CSS са съвместими с Mozilla, Chrome, Safari, Opera и IE > 6.0.
• Безплатно и без регистрация.
• Вижте също 11 полезни инструмента за проверка, почистване и оптимизиране на вашия CSS файл 11 полезни инструмента за проверка, почистване и оптимизиране на CSS файловеИскате ли да подобрите своя CSS код? Тези CSS проверки и оптимизатори ще помогнат за подобряване на CSS кода, синтаксиса и ще минимизират вашите уеб страници. Прочетете още .

Изпробвайте CSS-Sprite @ www.css-sprit.es