html - 这种css动画是什么？

Question

在此链接中，右侧有一个类名为.list-panel 的面板，原始宽度为 600px。

如果您打开开发者工具并将宽度从 600px 更改为 900px，您会看到有滑动效果。这与正常行为完全不同。

它实际上是如何工作的？似乎有一些东西一直在监视 css 样式的变化，并通过动画应用这些变化。

谢谢。

Answer 1

这只是您的平均过渡，非常酷：

.list-panel {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}