CSS3转换做什么？

我偶然发现了以下代码：

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

---

这有什么用？请有人进一步解释一下，我不了解w3schools和MDN的示例。我非常欣赏CSS3转换基本上是在DOM中的元素移动时进行的

---

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

转换描述了css布局如何“转换到另一个布局”来分解它

第一要素

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

all描述应用转换效果的css属性

转换属性CSS属性用于指定应用转换效果的CSS属性的名称

0.1s描述持续时间

易用性描述了转换的类型

因此

-webkit转换：所有0.1都很容易实现
这意味着对于所有css属性，我希望使用ease in transition模式的转换时间为.01秒
它以0.1s的时间刻度和“缓入”的缓和曲线变换所有可设置动画的属性。任何可设置动画的属性都会根据这些规则进行更改。请查看此链接，说明和实例都很容易理解。这是否准确？如果我改变背景色呢？它不会移动，也和DOM没有任何关系。改变颜色不会被认为是一种过渡。例如，查看这把小提琴并将其悬停在红色的正方形上&它会拉伸。这是一个过渡的例子。希望这有帮助！该示例仅转换宽度属性。。。当然你可以变换颜色证据（）感谢您对evolutionxbox的澄清。你说得对，我们可以变换颜色；在我写这篇文章的时候，我的意思是通过设置background-color:property来改变css背景的颜色并不被认为是一种转换，我仍然知道为什么不可以。这是一个过渡性质<代码>转换属性：背景色

。这将使改变它成为一种过渡。谢谢，我没有先开始look@glendonphilippbaculio哪一部分不清楚（这样我可以让其他人更好地回答）示例上的语法，它是单独完成的，如{转换属性：宽度；转换持续时间：2s；转换定时函数：线性；转换延迟：1s；}