Задать вопрос
@Laptinius

Как уменьшить пропорционально спрайтовый background?

Здравствуйте.
У меня появилась банальная проблема, которую не могу решить.
Нужно плавно уменьшать бекграунд со 100% до 0%. Вроде в чём проблема, юзай background-size и не парься, а нет :(, он работает как то не логично 0_о.

Суть:
я использую спрайтовую анимацию, реализовал её через задний фон, а не тег img. Кстати, это решило бы проблему, но мне нужно именно первым вариантом сделать :)
Ввёл background-size: 50%, я ожидал уменьшения картинки на 50%. Но вместо этого сначала она вся уместилась в div(видно все спрайты), а потом ещё и уменьшилась в 4 раза...

Есть ли способ уменьшить начальный размер картинки на определённый процент?
Пример работы: jquery-library.net/5.php
  • Вопрос задан
  • 3186 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
shiza36
@shiza36
-webkit-transform: scale(x);
-moz-transform: scale(x);
-o-transform: scale(x);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы