在性能方面，将动画应用于父母或孩子更好吗？

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个子元素设置动画有关系？