rendering issues in safari after transition

Grandy

I have a Slideshow that scales each image up when its visible. In all Browsers that looks great except in Safari when any other css transform action is fired the smoothing of that images looks pretty bad.

Heres an image: http://snag.gy/43LaH.jpg

The image on the right is after the transition happened (look at the gras and mud).

Any suggestions?

Grandy

Got a solution for the problem that seems to trick the rendering engine ... but its definitely a hack

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

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Transition on div:after not works in safari

분류에서Dev

SVG images not rendering in Safari

분류에서Dev

Issues with links in Safari

분류에서Dev

Safari not taking on the transition properties from added class

분류에서Dev

Apache Netbeans extreme font rendering issues on KDE

분류에서Dev

Strange rendering issues when using xvfb-run

분류에서Dev

React not Rendering correctly after update of Data

분류에서Dev

jquery getting applied after rendering result in Angular

분류에서Dev

Debug hardware issues after water damage

분류에서Dev

Issues with reading xml file after creating jar

분류에서Dev

How to avoid browser from rendering malacious content after the response is dispatched

분류에서Dev

Rails bypasses javascript after re-rendering current page: how to force a GET request?

분류에서Dev

How to maintain scroll position in Chrome and Safari in TabPanel after setting focus to control

분류에서Dev

No GRUB and further issues after Ubuntu 18.04 install on Dell XPS 15 9560

분류에서Dev

AJAX not firing in Safari or Safari mobile

분류에서Dev

Change image opacity with transition

분류에서Dev

Text resizes on animation transition

분류에서Dev

Durandal transition slow on android

분류에서Dev

PagerAdapter slow in first transition

분류에서Dev

hero transition background disappears

분류에서Dev

How to reverse transition?

분류에서Dev

css hover over transition

분류에서Dev

StackPanel Transition Event

분류에서Dev

Hide a div with transition

분류에서Dev

Transition effect on expanding UL

분류에서Dev

Issue with <transition> tag in moqui

분류에서Dev

Font disturbtion on css transition

분류에서Dev

Client side rendering and skipping server rendering approach?

분류에서Dev

Conditionally Rendering in React Native

Related 관련 기사

뜨겁다태그

보관