2014-09-29 3 views
1

Во всех браузерах код ниже хорошо работает, но его нет в Safari. Я также не могу найти такой хороший ответ на Stack, я что-то упустил?Перемещение CSS3 в Safari

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); 
} 

ответ

2

Вам нужно добавить префикс -webkit в переходах тоже.

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

Aha, поэтому полный правильный код (также и для других браузеров) является: http://jsfiddle.net/pw13yd3x/2/ –

+1

Да, см http://caniuse.com/#feat=css- переходы и http://caniuse.com/#feat=transforms2d. – OrionMelt

Смежные вопросы