针对这种情况的最佳动画选项

问题描述

我正在尝试找出编辑CSS的两种状态之间过渡的最佳方法。我愿意接受任何建议。我不是Java方面的超级专家，但是我正在寻找有关在哪里获取信息的建议，或者我是否打算以完全错误的方式进行操作。任何事情都会有所帮助。

因此，我有效地用javascript在div中添加了一个类，该类将在应用该类时更改该div的CSS。我正在寻找一种在两种CSS状态之间进行平稳过渡的方法。也许我正在尝试找到一种“太简单”的方法，但这是唯一对我有用的方法。

这是我当前在playcode.io上使用的代码： https://playcode.io/650950

最好使用CSS选项，但是我认为这超出了CSS的功能。

感谢您的任何帮助。 ：）

解决方法

您可能想要查看CSS中的transition属性。它完全可以满足您的需要，可以为另一个CSS属性中的变化设置动画。

https://www.w3schools.com/css/css3_transitions.asp