Arhn - архитектура программирования

Shaky & Choppy Преобразование масштаба CSS на фоновом изображении

У меня есть фоновое изображение, у которого есть родительский div с преобразованием: масштабирование с примененной к нему анимацией, дающей эффект медленного увеличения фонового изображения при посадке на страницу.

Он идеально воспроизводится по всем направлениям, за исключением, например, 10/11. Я добавил все необходимые префиксы, но все еще получаю очень шаткую и прерывистую анимацию в ie.

Я исследовал и применил хаки ускорения, но ничего не дает.

У кого-нибудь есть исправление или видел что-то в этом роде?

Спасибо!

scale css internet-explorer transform
13.08.2015

  • Вы можете предоставить репродукцию? 14.08.2015

Ответы:


1

У меня была та же проблема, но только с изображением, а не с фоновым изображением, и для меня решение состояло в том, чтобы дать transform: rotate(0.01deg); родителю масштабируемого элемента.

Конечно, у вас будет минимальное вращение, так что это зависит от ваших кодов CSS, если это не вызовет другой проблемы.

13.10.2015
  • Это отлично сработало для меня и действительно спасло UX для проекта, который сильно зависел от эффекта плавного масштабирования во многих местах. Спасибо! 03.03.2018

    • 2

    Скорее всего, это потому, что это изображение, и при выполнении преобразований нет «промежуточных» рендерингов пикселей. Я не уверен, что сейчас есть решение этой проблемы.

    Вы можете попробовать сделать это на холсте, хотя я знаю, что обычно это не лучший путь.

    13.08.2015
    Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..