css - 如何用CSS慢慢改变比例？

Question

我现在是这样的:

http://jsfiddle.net/9DGb2/

但出于某种原因，如果我将 css 更改为:

div {
    width: 200px;
    height: 100px;
    background-color: yellow;
}
div:hover {
    -moz-transform: scale(1.05) slow;
    -webkit-transform: scale(1.05) slow;
    -o-transform: scale(1.05) slow;
    -ms-transform: scale(1.05) slow;
    -webkit-transform: scale(1.05) slow;
    transform: scale(1.05) slow;
}

它不会工作。

所以我猜它不能以这种方式完成？

Answer 1

你需要添加一个transition

-webkit-transition: transform 2s ease-in-out;

JS Fiddle Demo

更多信息请咨询:Using CSS Transitions