Что касается производительности, лучше ли применять анимацию к родителям или детям?

Question

Мне было интересно, скажем, я хочу оживить кучу коробок. Что лучше сделать:

<style>
    #box-container {
        animation: 1s box-container-move;
    }
</style>
<div id="box-container">
    <div class="box"></div>
    <div class="box"></div>
    ...
</div>

или

<style>
    .box {
        animation: 1s box-move;
    }
</style>
<div class="box"></div>
<div class="box"></div>
...

Дает ли один метод лучшую производительность, чем другой?

Я знаю, что чем меньше анимированных элементов, тем выше производительность, но с точки зрения браузера, имеет ли значение, если я анимирую родительский контейнер с 2 дочерними элементами по сравнению с анимацией 2 дочерних элементов напрямую?