событии ёто происходит? При скролле? При клике?
Не, они вставляются только один раз. И сам транзишен у них не запускается, запускается только перерисовка. При включении перехода у любого элемента, что был добавлен до.
Вот эта же ситуация, но тут один элемент и ему просто ставят zIndex: https://dzhavat.github.io/2021/02/18/debugging-layout-repaint-issues-triggered-by-css-transition.html
В общем сравнил я вариан с изменением Z и без него - разница почти не ощутимая, так что, видимо, можно не запариваться.
Идею я понял, причину нет, очень странно, что анимации распространяются слоями
Думаю, это чтобы, когда например, слои с прозрачностью, тот слой, что сверху, правильно наложился на нижний. Каждый кадр он должен как бы перенакладывать своё изображение, на меняющееся нижнее.
типа если я накладываю opacity на opacity что бы он корректно посчитал промежуточное значение это делается утпо слоями по типу индексов? Так получается?
Видимо как то так. Причем даже если элементы не наложены друг на друга и z индекс у них одинаковый, то всё равно второй перерисовывается при анимации первого. И походу да, идёт слоями, в порядке добавления элементов к родителю.
Но вот при разном z индексе если будет наложение, не знаю будет ли дополнительная перерисовка, не проверял - у меня элементы не наложены друг на друга
Обсуждают сегодня