使用css平滑动画缩放对象

我在某个网站上看到，一旦你缩放了浏览器，或者缩放了更多的对象。对象通常以平滑动画移动。 例如，如果您添加任何元素

50px

的边距，而不是突然应用

50px

，则其会设置对象的动画。（虽然速度很快，但有动画。）

甚至我也试图找到那些例子/网站，但现在我想不起来了

我将构建一个简单的角度项目，但我喜欢嵌入

css

库，以便在我的项目中平滑动画对象

---

如果您指向某个css库。

您可以在中找到一个不错的css过渡选择，那么您必须将过渡添加到要平滑设置动画的元素，设置要应用的css属性、过渡时间和过渡类型

例如：

transition: all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);

正如您在下面的提琴中所看到的，这将对所选对象（可以转换的）的所有CSS属性应用转换缓和，并且将持续0.6秒

您需要使用CSS转换来设置CSS更改的动画。谷歌：

css转换