Генератор Css спрайтов
Сгенерировать Css спрайты. Загрузив несколько картинок через этот сервис, в результате вы получите архив в котором будут находится изображения и css разметка для этого файла, которые вы сможете использовать в своем проекте.
Последовательность действий:
1. Нажмите кнопку «Выбрать файл»;
2. Выберите нужный вам файл с картинкой или фотографией;
3. После этого, она отобразиться в общем списке, нажмите на нее, что бы подтвердить свой выбор;
4. После преобразования, нажмите кнопку «Получить», он попадет список результатов в виде Zip-архива, для дальнейшего скачивания или удаления.
Как использовать:
Подключите стиль спрайта на странице и используйте Div с классом из списка в Css файле
Пример
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="sprite.css" />
</head>
<body>
<div class="icon-1"></div>
</body>
</html>
Отзывы
| Спасибо! Отличный сервис! |
| Спасибо, не ожидала, что так быстро! |
| Спасибо! Отличный сервис! |
| Нет кнопки "Получить" |
| О Боги!!! неужели!!! Полдня копаюсь на ютубе, смотрю, как обучальщики тут программы советуют с помощью которых спрайтовую сетку можно сделать, в итоге либо всё платно, либо у меня не работает ( да-да, я в курсе, что криворукий ), уже отчаялся - сам попробовал сделать, но что-то опять пошло не так) И тут пожалуйста! Первая ссылка, и результат есть! ААААА, спасибо!))) |
