Изображение Flip не работает в Safari

Question

Я сейчас проверяю поддержку браузера для своего портфолио и заметил, что флип изображения не работает в Safari. Кто-нибудь еще столкнулся с этой проблемой?

#effect-2 figure figcaption { 
top: 15px; 
left: 0; 
width: 100%; 
height: 100%; 
background-color: #226181; 
text-align: center; 
backface-visibility: hidden; 
transform: rotateY(-180deg); 
transition: all 0.8s; 
} 

Solution (добавить WebKit):

#effect-2 figure figcaption { 
top: 15px; 
left: 0; 
width: 100%; 
height: 100%; 
background-color: #226181; 
text-align: center; 
-webkit-backface-visibility: hidden; 
backface-visibility: hidden; 
transform: rotateY(-180deg); 
-webkit-transform: rotateY(-180deg); 
-moz-transform: rotateY(-180deg); 
-ms-transform: rotateY(-180deg); 
transition: all 0.8s; 
} 

Answer 1

Вы пытались использовать все префиксы браузеров?

-webkit-transform: rotateY(0); 
-moz-transform: rotateY(0); 
-ms-transform: rotateY(0); 
transform: rotateY(0);