为什么我的CSS动画在移动设备上落后？

Question

我刚刚在我的网站上创建了此动画。基本上应该使徽标发光。

我在真正的移动设备上尝试过，它超级缓慢且缓慢。这是负责动画的css，这非常简单：

.portfolio_item {
  border-radius: 6px;
  transition: all 0.3s ease;
}

.portfolio_item img {
  filter: drop-shadow(0px 0px 1px #eee) grayscale(100%);
  transition: all 0.3s ease;
  max-width: 300px;
  margin: 0 auto;
  display: block;
  transition: all 0.3s ease;
}

.portfolio_item:hover img {
  filter: drop-shadow(0px 0px 200px #eee) grayscale(0%);
}

这里是网站的链接，您可以自己尝试 http://ayadighaith.com/