1
在所有浏览器上,下面的代码运行良好,但它不在Safari中。我也无法在Stack上找到这样的好回答问题,我错过了什么?在Safari中旋转CSS3转换
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);
}
啊哈,原来完整的正确的代码(也适用于其他浏览器)是:http://jsfiddle.net/pw13yd3x/2/ – 2014-09-29 16:50:42
呀,看http://caniuse.com/#feat=css-转换和http://caniuse.com/#feat=transforms2d。 – OrionMelt 2014-09-29 17:02:45