рендеринг проблема в сафари после перехода

Заранее извините мой Englisch, но вот немного сложно объяснить ...рендеринг проблема в сафари после перехода

У меня есть слайд-шоу, которое масштабирует каждое изображение, когда его видимым. Во всех браузерах, которые отлично смотрятся, кроме Safari, когда запускается какое-либо другое действие css transform, сглаживание этих изображений выглядит довольно плохо.

Heres изображение: http://snag.gy/43LaH.jpg

Изображение справа есть после того, как произошел переход (Посмотрите на гре и грязи).

Любые предложения?

источник

2015-03-12 Grandy

Вы взглянули на http://stackoverflow.com/questions/3900436/image -scaling-by-css-is-there-a-webkit-alternative-for-moz-crisp-edge. Кажется, что «имидж-рендеринг: -webkit-optimize-contrast;» должен решить его. – michaeln

Не видел этого. Это решение меняет только одно: теперь он выглядит все время плохо и не только после преобразования ... – Grandy

Есть решение для этой проблемы, которая, кажется, чтобы обмануть движок рендеринга ... но определенно хак

#showcase img { 
    -webkit-animation: spinhack 1s linear infinite; 
    -moz-animation: spinhack 1s linear infinite; 
    animation: spinhack 1s linear infinite; 
} 

@-moz-keyframes spinhack { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(0deg); } } 
@-webkit-keyframes spinhack { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(0deg); } } 
@keyframes spinhack { from { transform: rotate(0deg); } to { transform: rotate(0deg); } }

источник

2015-03-12 12:32:42 Grandy

рендеринг проблема в сафари после перехода

ответ

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