Search the Community
Showing results for tags 'styles'.
Found 3 results
-
Hi guys, I was just looking for a bit of advice/a bit of a discussion about the pro's and con's, and the way you guys handle classes when it comes to animating essential page elements. For example, if you're using GSAP to have a modal window speed in from the left, a full-screen overlay grey's out the background. At this point the first animation ends, as the user needs to do something (input an e-mail address, for example). After which the modal window zooms off, and the full-screen overlay is removed, and the page is usable again, which is a separate animation. In this example there were three states; the Initial State, the Interactive State, and the End State (I just made those up), and at each of these points, different classes need to be applied to each of the elements involved (the background overlay, the modal box, etc.). Baring that in mind, is it best to animate the classes, using ClassName, or to use the standard inline-styles, and maybe apply the new classes/remove old ones at the end of the animation with a set/onComplete? Are there sometimes benefits to doing one over the other? This is more a question about best-practice I guess, rather than a specific use-case. I've just been learning about BEM recently, and it's got me thinking a lot about how to most efficiently and develop maintainable projects. I'd really appreciate any opinions/takes on this matter, as I really love both the BEM style of development as well as the GSAP suite. Thanks guys.
-
Hello, my problem is, I have some styles inline in a element: <div id="myDiv" style="display: inline-block; position: relative;">Some Text</div> And I'm trying to animate this div, like this: TweenMax.to($('#myDiv'), 0.6, { parseTransform: true, alpha: 1, left: 0, top: 0, scale: 1, ease: 'easeOutBack' }); How can I use TweenMax without removing my inline styles? Thanks.
-
Hello, I have an AS3 file that loads fonts at runtime from a compiled SWF using: styleManager.loadStyleDeclarations("fonts.swf", true, true); My question is, can I use LoaderMax to load the "fonts.swf" file and use it in the same way I use it with loadStyleDeclaration: being able to force a refresh, so that every element that uses one of the fonts loaded will refresh it's style accordingly. Please let me know if this is something I cn achieve with LoaderMax. Regards, Livius
