Почему не корректно работают keyframes и transform: scale()?

Такие дела.
Описание результата: при клике по элементу в месте клика появляется круглый div и начинает расширяться во весь экран. Пока он расширяется, за ним подменяется контент, далее див исчезает и удаляется со страницы - вот такой переход.

В итоге, все получилось, но этот круг был ужасно мутным:
f5fe5868356340c88d1c1b18612c09ec.png

codepen.io/anon/pen/MbdBNG - вот тест, на котором тоже круг мутный.
Если дело в scale, то как по-другому решить задачу?

PS: иногда круг рендерится ровно:
c0b71893c47a4b5bbf18f818f816d368.png
  • Вопрос задан
  • 168 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
23 нояб. 2024, в 01:31
1000 руб./за проект
23 нояб. 2024, в 00:16
2000 руб./за проект