记一次box-shadow动画导致的性能问题

最近做一个项目发现在页面没有任何操作的情况下 CPU占用率会达到 100%。当然这是一个核心的占用率，所以页面操作上并不卡。不过这个现象非常不正常，因为页面只做了一些简单的CSS动画。

在定位问题的过程中发现是由一个容器的box-shadow 动画引起的。启用动画和禁用动画performance profile对比如下：

可以看到禁用 box-shadow 动画后有大幅的性能提升。

下面看下代码：

HTML代码如下：

<div class=“container”>
   // 省略好多孩子