2D-преобразование не работает (вопрос новичка) ⇐ CSS

[Anonymous]

Я пытаюсь использовать 2D-преобразование в проекте своего веб-сайта, чтобы изображение перемещалось из-за экрана с левой стороны в место на экране. Я перепробовал все, что читал в школах W3 и веб-документах MDN, но ничего не помогло. Изображение остается полностью статичным, что бы я ни делал, и преобразование не воспроизводится.
Вот мой код:

Код: Выделить всё

.authorimage {
width: 33%;
padding: 2rem;
transition: transform 3s;
transform: translateX(-45rem);
}

Как ни странно, преобразование воспроизводится только тогда, когда я захожу в окно проверки веб-браузера и снимаю/щелкаю код CSS для преобразования: TranslateX(-45rem); Затем и только тогда преобразование делает то, что должно делать через школы W3. Я также много раз просматривал и изменял свой код через MDN Web Docs, но ничего не помогло. Кто-нибудь может помочь?

Подробнее здесь: https://stackoverflow.com/questions/785 ... e-question