JoeHetfield

Hi, everyone. I'm doing a website with GSAP. everything goes well except I check it on my iPhone with iOS 8.1.3 After applied some 3d transform on a group of divs, the text became quite fuzzy. here is the link: http://eb.selink.jp/about-us I checked on the style which gsap appended on them. it is : -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.00125, 0, 0, 0, 1); The "-0.00125" screwed everything up, if I change it to 0 manually, the text got fine. This didn't happened on other kind of browsers. Again, I think it's a bug on safari. is there anyway work around this? thanks.

Hi, Carl Yeah, I got what you mean. and learned a good lesson. Thank you

Hi, Carl Thank you very much, it's worked! Apple really need to improve their browser, but the most iphone user I met are mainly using safari, they even don't know there is a better browser called chrome, I can't change this habit. so, in my opinion, GSAP team should make a patch for this issue. or you may lost some user like my case. one last thing I wonder: all the examples on GSAP home page are working good and well on my iOS 8.1.3. but the thing I made by hand like this are all broken. why? Thanks

Hi Diaco, I tried your code, use transformPerspective instead of perspective. The first image seems about to start the animation but it's quite flickering. After rotate a little bit, the image disappeared completely. then "jumped out" on the screen. the 2nd, 3rd and 4th image don't have any animation effect, still jumped out except they jumped out with flickering. much better than nothing, but I still can't show this to my customer btw, Carl, did you reproduce this ? I mean use the real IPhone with iOS 8.1.3? Thanks

Hi,Carl My iOS version is 8.1.3, the latest. Thank you for the link, I tried it but the same problem remain. I think it's not about server, but give me some time to setup a open server. Yeah, I'm sure that the file is exactly same as codepen. Thanks

Hi, Diaco. I checked with safari mobile web inspector, but no, no error on the browser console. thanks.

I'm so sorry for take this long time to provide more information. I tried to figure it out by myself, but I just can't. here is the CodePen: http://codepen.io/anon/pen/pvWNdg It's very simple, and works well both on desktop and mobile safari. but here is the problem: In the CodePen, I clicked "share" and then "export .zip". I extracted the html and javascript from the zip. I put those two files in my web server just as it is. open the html from mobile safari. then the same thing happened, the four pictures just jump out without animation. the downloaded zip file should exactly the same as the code in CodePen. but why it work in CodePen but not my local server? This is drive me crazy. maybe just my dumb, but please help.

Hello, everyone. I'm very new to gsap, and I create a small 3d rotationY animation in my web site. Everything goes fine until I view the page using IPhone safari (with latest iOS 8). The rotation effect was gone and the animated element (group of img) are just "jump out" to the screen. I also used the mobile chrome to check it, and it's OK. and seems only mobile safari not working. Did I missed something? any idea is welcomed, thanks in advance.