css卡片——毛玻璃特效，backdrop-filter的性能问题记录

今天在youtube上看到了一个关于使用css完成毛玻璃特效的视频。

很奇怪的一点是，在card上加入了backdrop-filter之后，card上的所有过渡动画肉眼可见的不流畅，在用titl.js之后更是卡的不行。

backdrop-filter: blur(5px);

当去掉这个属性以后，整个页面极其流畅。