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

Рекламное объявление

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

В качестве дополнительной функции он также может создавать ролловеры с различными эффектами (обесцвечивание, сепия, тиснение, перелистывание по горизонтали / вертикали, инвертирование) и придавать вашему сайту недостающий вид. Приложение использует функции HTML 5 и генерирует действительный CSS.

Пользоваться сайтом очень просто: просто выберите файлы, затем при желании выберите эффект ролловера из раскрывающегося списка и нажмите кнопку «Создать CSS Hover». Это создаст предварительный просмотр, содержащий исходное изображение и изображение перехода, как показано на изображении ниже. Если вам понравились результаты, вы можете загрузить соответствующий код CSS и HTML.

Функции:

• Создавайте CSS-спрайты онлайн.
• При желании можно применить автоматические ролловеры с различными эффектами, такими как уменьшение насыщенности, переворачивание изображения или сепия….
• Допустимые типы изображений: png, gif, jpeg, размер каждого файла не должен превышать 5 МБ.
• Поддерживается множественная загрузка и пакетная обработка.
• Позволяет предварительно просмотреть примененный эффект.
• Сгенерированный CSS совместим с Mozilla, Chrome, Safari, Opera и IE> 6.0.
• Бесплатно и без регистрации.
• Также см 11 полезных инструментов для проверки, очистки и оптимизации вашего файла CSS 11 полезных инструментов для проверки, очистки и оптимизации файлов CSSХотите улучшить свой CSS-код? Эти средства проверки и оптимизаторы CSS помогут улучшить код CSS, синтаксис и минимизировать ваши веб-страницы. Подробнее .

Попробуйте CSS-Sprite @ www.css-sprit.es