Избегайте передискретизации изображения при одновременном преобразовании и масштабировании на Firefox - PullRequest
0 голосов
/ 04 мая 2020

У меня есть образец с изображением, которое я пытаюсь transform с scale() и translate() одновременно с некоторыми transition.

Браузеры на основе хрома работают хорошо и выглядят гладкими.
Для Inte rnet Explorer я добавил rotate(0.01deg) исправление, и оно тоже выглядит гладким
, но Firefox все еще "дрожит" / "отстает" при преобразовании изображения (возможно, из-за повторная выборка изображений).

Я также использую атрибут will-change и нацеливаюсь только с transition на transform.

img {
  transition: transform 8s;
  will-change: transform;
}
img:hover {
  transform: translate(20px,30px) scale(0.5) rotate(0.01deg);
}
<img src="https://via.placeholder.com/150"/>

Есть ли какие-либо известные исправления, обеспечивающие плавное translate() и scale() поверх изображения в FF?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...