stutterin -webkit-переходная анимация в сафари - PullRequest
Новая
       24

stutterin -webkit-переходная анимация в сафари

0 голосов
/ 11 сентября 2018

у меня следующая проблема.Я создал простой список изображений, которые я хотел бы выделить при наведении курсора мышью.

код выглядит так: 

  <div class="home-galery-eintrag">

        <img class="home-image" src="thumpnails/EchzellStra%C3%9Fenansicht1.jpg"> 
        <div class="home-galery-text">Kindertagesstätte Echzell - Wettbewerb</div>

  </div>



.home-image {

float: left;
width: 100%;
max-height: 800px;
min-height: 600px;
object-fit: cover;
object-position: center;
height: auto;
filter: brightness(100%);

}

.home-image:hover {

filter: brightness(65%);
transition: all .7s ease-in-out 0s;
-moz-transition: all .7s ease-in-out 0s;
-webkit-transition: all .7s ease-in-out 0s;
-o-transition: all .7s ease-in-out 0s;

}

Отлично работает для Chrome и Firefox (хотя в ff есть проблемы с размером, но это не главное здесь) и не для сафари.Что ж, переход работает, но кажется, что он ожидает окончания анимации, пока не начнется новый переход.Как нежелательная задержка.

Понятия не имею, как это исправить,

...