什么是这种CSS动画？

Question

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

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

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

感谢。

Answer 1

这只是你的average transition，很酷：

.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;
}