Не работают CSS-анимации в Яндекс Браузере

Однажды я тестировал верстку лендинга с CSS-анимациями. На десктопе анимации работали плавно и красиво. Затем я пошел тестировать на мобилке в Яндекс Браузере, которым я пользуюсь по умолчанию.

Открыв лендинг, я обнаружил, что анимации не отрабатывают. Как такое вообще может быть? Эта ситуация может сбить с толку, особенно начинающих верстальщиков и разработчиков.

Все дело в том, что у меня разрядился смартфон, и в Яндекс Браузере включилась функция экономии энергии, которая отключает CSS-анимации.

Рекомендую в настройках Режима энергосбережения включить функцию Плавной анимации элементов веб-страниц. С этой настройкой CSS анимации будут работать даже при низком заряде.