什麼是這種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; 
}