Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Maks
@ItsEvilTime
Сайленсер не дает мне покоя
JavaScript
CSS
Как масштабировать background-image без лагов?
Добрый день.
Набросал пример в JSFiddle:
https://jsfiddle.net/7w3d38qk/
При наведении на картинку очень заметно как она дергается. Как сделать так, чтобы подобное масштабирование было плавным?
Вопрос задан
более трёх лет назад
756 просмотров
Комментировать
Подписаться
2
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Николай
@Chuv
https://jsfiddle.net/7w3d38qk/1/
Еще желательно картинку заранее отмасштабировать, чтобы можно было обойтись без background-size: 120%, т.к. это тоже значительно влияет на производительность
Ответ написан
более трёх лет назад
2
комментария
Нравится
7
2
комментария
Facebook
Вконтакте
Twitter
Maks
@ItsEvilTime
Автор вопроса
Спасибо огромное!
Написано
более трёх лет назад
profesor08
@profesor08
Куратор тега CSS
А еще, вместо scale использовать sacle3d, тогда не будет сильного замыливания.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+3 ещё
Сложный
Как открыть ссылку из html-файла на диске в той же вкладке браузера?
1 подписчик
час назад
53 просмотра
1
ответ
JavaScript
+3 ещё
Средний
Влияют ли index.ts (barrel pattern) файлы на производительность?
1 подписчик
3 часа назад
37 просмотров
0
ответов
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
21 час назад
95 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
1 подписчик
вчера
561 просмотр
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
вчера
76 просмотров
0
ответов
JavaScript
Простой
Как отображать HTML в виде текста, но и не поломать markdown?
1 подписчик
03 июл.
148 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как создать плиточное меню WP с различным кеглем, по мере варьирования числа постов в категориях?
1 подписчик
02 июл.
102 просмотра
1
ответ
CSS
+1 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
02 июл.
176 просмотров
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
02 июл.
102 просмотра
1
ответ
HTML
+1 ещё
Простой
Как соединить кнопку и форму вместе?
1 подписчик
01 июл.
110 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36
•
Воронеж
от 100 000 до 150 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама