Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Newbie

About opila

  • Rank
  1. I did try replacing marginRight with x in the JavaScript section, however the background itself won't repeat after passing 70-80% mark. Which CSS properties would be required to be modified in order to allow the background itself to have an infinite loop of the same image, but having the JS animate on the x property instead of marginRight?
  2. I noticed that very specific to Apple iOS mobile devices using the Safari browser on mobile, using the animation effect marginRight for background elements having a background-image with repeat-x seemed to have a stuttering effect. When viewed in desktop browsers and browsers other than Safari, the stuttering effect on the background repeated element is not seen. Is it because of one of the CSS effects I applied, which is the width != 100%, or is it the way GSAP JavaScript code is written? Please kindly view the Codepen attached. All good helpful feedback appreciated!
  3. Hi OSUBlake, I have taken your advice on changing the JS syntax as well as GSAP tweens and syntax changes. I have also tested the changes in my localhost, and while the performance has improved only slightly when running in Chrome, performance in Safari still suffered. So I resorted to removing CSS rules one by one. I realized that this set here is causing a major performance hit in all browsers: .animation-element { -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5)); -moz-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5)); -ms-filter: drop-
  4. To answer Johnathan's questions: OS: Mac OSX 10.11.6 El Capitan Google Chrome: v62.03 (It was updated silently after I reboot? It was v61 yesterday) Here is my CodePen: I noticed something too: when it is running in Safari, it won't load and lag significantly, not sure what gives? Another question: in Firefox, if I were to use GSAP to apply rotation animations onto divs instead of the img within that div, it would animate just fine. But the very moment in Chrome I were to use GSAP to do the same rotations onto divs (instead of the imgs
  5. https://goo.gl/VaK1m3 This link is temporary for security reasons.
  6. I have been testing a set of Greensock Animation code on a Javascript file and seems to be working quite fine. I am using Chrome 61.03, and a designer who is testing my code seems to have it work initially. However, the very moment that the designer was reloading the code to run it again, all the images which were not transformed initially or animated would disappear immediately upon animation start. I was trying to tell that designer that it could be a cache issue or a browser issue; go update it or something. She refused to budge. I don't know if she is using some outdated ver