Переход CSS не работает в Safari

Question

Когда вы наводите курсор на изображение1div, он масштабируется до 0,95 и исчезает до непрозрачности 80%. Он работает в Chrome и Firefox, но не в Safari. Он постепенно исчезает и масштабируется в Safari, а не плавно в 0,5 секунды.

.image1div { 
width: 350px; 
height: 350px; 
margin-top: 0px; 
float: right; 
background-color: #5a89ad; 
background-size: cover; 
filter:alpha(opacity=100); 
-webkit-transform: scale(1,1); 
    -ms-transform: scale(1,1); 
     transform: scale(1,1); 
-webkit-transition: opacity 0.5s ease, transform 0.5s ease; 
     transition: opacity 0.5s ease, transform 0.5s ease;  
} 

.image1div:not(.no-hover):hover { 
    -webkit-transform: scale(0.95,0.95); 
     -ms-transform: scale(0.95,0.95); 
      transform: scale(0.95,0.95); 
    opacity:0.8; 
    filter:alpha(opacity=80); 
} 

Answer 1

Я думаю, что он имеет отношение к свойству фильтра. Переход поддерживается сафари: http://caniuse.com/#feat=css-transitions Также свойство фильтра, но вам нужно добавить префикс: http://caniuse.com/#feat=css-filters Сообщите мне, если это поможет, если нет, укажите более подробную информацию, и мы найдем обходное решение.

- EDIT Вместо перехода: непрозрачность, трансформация. Используйте все или посмотрите, как вы можете добавить несколько свойств. CSS transition shorthand with multiple properties?