У меня есть образец с изображением, которое я пытаюсь 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?