如何使用js在更改边距上设置div的动画

Question

div.style.marginLeft="-200px";

单击按钮上方的语句会执行，但它只会立即更改边距，但我希望它在更改边距时移动。 所以我需要一个JavaScript解决方案。

Answer 1

实际上你可以用CSS解决这个问题。如果边距已经改变，请尝试将CS​​S转换应用于元素。

-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;    
transition: all 1s ease-in-out;

在这种情况下，＆＃34; all＆＃34;是对要应用转换的属性的引用。您可以使用margin-left，但all将涵盖几乎所有可用的转换属性。

以下是更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/transition