If the perspective function inside a transform property is giving issues. Also keep in mind some browser bugs might due better with just using perspective property on the parent. I'm just confused on the benefit of using Hype instead of just using HTML and CSS since the final output is HTML and CSS.I f it weree I would use GSAP for CSS transforms since it resolves more issues and bugs than any other web animation platform.Īlso when setting perspective, I would just set transformPerspective on your tween instead of as a default. ![]() Using !important will make the value static so you can't animate a CSS property with !important. If !important is used inline in the style attribute it defeats the purpose, since it is only used to override inline styles when used in an external stylesheet or style element. It should never be used on or in a style attribute. !important is only to be used as a last resort, and only placed inside a stylesheet or style element. Zhur, Is there any chance you can set all the tweens to repeat:-1? I found that by the time I dug into the web inspector to find the DOM elements most of the animation had ended. P3 and p5 should be acting the same way as p1įrom what I could tell the DOM structure and styles for all looked the same. When you view the demo here: #p1 is the tile that appears to be spinning around on its own independent axis whereas all the others spin according only to what the #wall is doing. ![]() In case anyone cares to take a look into this, here is the DOM structure: ![]() It takes some time just to decipher the code and figure out what it is we are supposed to be looking for.įrom what I gather the issue can be boiled down to "Why doesn't the element #p3 animate the same way that #p1 does". Thanks for jumping through all the hoops of providing the demos.ĭefinitely helpful, but I'm a bit stumped at what is happening.
0 Comments
Leave a Reply. |