CODEWITHSUNDEEP
iosuiwebviewcss-animations
user1628406
user1628406

Reputation: 31

iOS UIWebView CSS animations 1080p

I am seeing performance issues running CSS animations on the new iPad and iPhone 4S with a UIWebView on a 1080p external display, the main screen contains no windows.

The animate.css fade is choppy when the image is 1920x1080 and the external screen is running at 1080p. However, when running the external display at 720p the animation is smooth, same thing without the external screen in retina mode.

Any suggestions?

Upvotes: 1

Views: 756

Answers (1)

user1628406
user1628406

Reputation: 31

I got this to work, by adding the following CSS to the image elements:

-webkit-transform: translate3d(0px,0px,0px);

It enables hardware acceleration for the element.

Upvotes: 2

Related Questions