sensenel

Members
  • Content count

    5
  • Joined

  • Last visited

Community Reputation

4 Newbie

About sensenel

  • Rank
    Newbie
  • Birthday August 16
  1. perspective 3d Animation Problems and "restart" behaviour

    Hi Carl, thank you very much for your help! Ok, is see, i was sticking too hard on that transform matrix3d property - very nice! I realy appreciate Thanks again
  2. Hi folks, unfortunately i ran into some weird matrix3d behaviour and i realy hope somebody can help me out ^^ i tried to minimize my problems in this pen to some real basic level. Please first hover with your mouse over those color boxes, because this transition is exactly what im trying to achieve when a certain button has been clicked - after clicking my "do-it" button now you'll see the whole mess i'm in right now ... Basicly my first question before this pen was just: how to shortcut this final z-axis movement of every layer? - because within a timeline the parameter for movement on the x - as on y - axis is just e.g. "... {y: 123} ... " etc - so having this whole matrix3d syntax around seems very unusual? As i was looking for a solution i found this https://greensock.com/css3 At the point where it is about 3d transforms with that grid - exactly that is what iam looking for; unfortunately i wasnt able to catch some code via dev-tools in my browser OK, another thing i noticed in my project where this detail belongs to: if i click the "do-it" again after i reversed it, the whole animation not just play's once, it plays twice? And it adds one more iteration to the count of repeatings every time i reverse and play it again until i reload the whole thing ... I tried already things like kill(), killAll() or clear() ... but it seems i missed something else? Thank you for any help!
  3. CssRulePlugin with TimeLine

    Hi Craig, i've loaded TweenMax - although in my example i used TimeLineLite ... WAIT! OMG i see it myself in my own example above! ... i forget to merge the second tween with "." aarrrrg ... im sooo sorry guys! haha "from is not defined" makes sense now hey, gotta say although with this syntax error it animated my elements somehow, GSAP is tough stuff! Respect!! Thank you so much for your help!!
  4. CssRulePlugin with TimeLine

    Hi! thanks for your quick reply! Im sorry, i thought when it is at first about if or if not possible i'd save some time for now ^^ umpf ok, but good to know - i'll play around a bit before i might come back with a codepen Thanks for your advice!
  5. CssRulePlugin with TimeLine

    Hi there, im new to the GSAP and first of all i want to thank the devs for their great work! Sadly i seem to have a problem bringing together the CSSRulePlugin with a TimeLine-Object; actually i can guess the answer: these both are not supposed to work together, right? Thats what i have for example (for the principle i hope it is ok posting without codepen): var tl = new TimelineLite(); var blueStripePseudo = CSSRulePlugin.getRule('#cropContainer:after'), backWhitePseudo = CSSRulePlugin.getRule("#bckgrImgPartialContainer:after"); tl.from(blueStripePseudo, 1, {cssRule: {transform: "scaleY(5)"}}) from(backWhitePseudo, 2, { cssRule: { width: "100%", ease:Sine.easeInOut}}); If it is possible in general and im doing just something wrong i'd grateful if somebody could enlighten me otherwise i would appreciate if somebody could just confirm ^^ Thank you for your time! regards