一句css实现简单的动画效果

当我们在做项目有时候会遇到写特殊的动画效果，或者简单的动画效果，如何快速的写一个效果呢，有时候不经常写都会忘了怎么来写，或者在vue中如何来实现动画？下面就是一个简单的列子

首页我们在需要有动画的类名上写这么一句css:      transition: all 0.8s ease;  （0.8s如果太快或者太慢视情况可做修改）

然后需要有什么效果重新定义一个名字来进行修改有效果后的样子，通过切换类名来控制是否一致显示效果；

来一个简单的列子：

backdrop-filter: saturate(180%) blur(20px);

实现模糊，没有加载完图片的效果