On all browsers the below code functions well, but it doesn't in Safari. I'm also unable to find a good answered question like this on Stack, am I missing something?
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);
}
您还需要在过渡中添加-webkit
前缀。
-webkit-transition:border-radius 0.6s, -webkit-transform 1.6s;
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.