在Safari中旋轉CSS3過渡

Question

在所有瀏覽器上，以下代碼均能正常運行，但在Safari中卻無法使用。 我也無法在Stack上找到一個很好的回答的問題，我錯過了什么嗎？

http://jsfiddle.net/pw13yd3x/1/

.containerLinksBlock {
    background-color:red;
    width:100px;
    height:100px;
    -ms-transition: border-radius 0.6s, transform 1.6s;
    -webkit-transition:border-radius 0.6s, transform 1.6s;
    -o-transition: border-radius 0.6s, transform 1.6s;
    transition:border-radius 0.6s, transform 1.6s;
}
.containerLinksBlock:hover {
    border-radius:0px 42px 0px 42px;
    -ms-transform: rotate(420deg);
    -webkit-transform: rotate(420deg);
    -o-transform: rotate(420deg);
    transform: rotate(420deg);
}

Answer 1

您還需要在過渡中添加-webkit前綴。

-webkit-transition:border-radius 0.6s, -webkit-transform 1.6s;