CSS3过渡做了什么？

Question

我偶然发现了这段代码：

-webkit-transition: all 0.1s ease-in;
-moz-webkit-transition: all 0.1s ease-in;

这是做什么的？有人可以进一步解释，我不了解w3schools和MDN上的样本。我真的很感激

Answer 1

转换描述了css布局将如何转换到另一种布局＆＃34;打破它

第一个元素

-webkit-transition: all 0.1s ease-in;

所有描述了将过渡效果应用于

的css属性

transition-property CSS属性用于指定应该应用过渡效果的CSS属性的名称。 mdn transition property

0.1s 描述了持续时间

easy-in 描述了转化的类型

所以-webkit-transition: all 0.1s ease-in; 这是说所有css属性我想要使用轻松过渡模式的.01秒转换时间 MDN

Answer 2

CSS3转换基本上是在DOM中的元素移动时。

例如，它会旋转一个矩形div;它可以放大或拉伸元素。