如何修复缓慢，笨重的CSS过渡？

Question

如果已经被问过，我道歉。我很难找到自己的答案。我的CSS过渡不是很顺利。我注意到这对我来说已成为一种模式。我正在试图弄清楚如何解决这个问题。添加/删除课程更快吗？这是我正在使用的高分辨率图像吗？ JQuery会更快吗？这是codepen

https://codepen.io/tyl-er/pen/OgZmQg?editors=0010

manifest.json

Answer 1

查看此文章：Smooth as Butter: Achieving 60 FPS Animations with CSS3

简而言之，更改元素以便浏览器重新计算文档流量很可能会导致性能问题。