Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

7 Newbie

About pmascis

  • Rank

Recent Profile Visitors

798 profile views
  1. Hi Blake, That's pretty much solved it and I can keep working, I'll migrate over to GSAP 3 when I have more time later. I have taken on board and implemented your other notes too. Thank you!
  2. Hi Zach, Thanks for your prompt reply & for the eval information, I read about people discussing it on other posts but at the time wasn't exactly certain if it applied to my case or not, I'll just steer clear as what you have suggested with GSAP 3 sounds like it will work perfectly. I'll just bite the bullet and upgrade to 3.0. The reason I have been hesitant is that I use GSAP along with ScrollMagic as well as NPM/ES6 etc and I have been running into issues migrating thanks to ScrollMagic's current lack of support. In fact, I have been running into the exact con
  3. Hi all! I'm trying to make some animations customizable for the user within the backend of a CMS (need to stay using 2.x for now). I'm having JS reference some HTML5 data-* attributes and have had success so far doing simple things like: let duration = $(this).data('anim-custom-duration'); let xFrom = $(this).data('anim-custom-xfrom'); let xTo = $(this).data('anim-custom-xto'); let yFrom = $(this).data('anim-custom-yfrom'); let yTo = $(this).data('anim-custom-yto'); // Create tween let tween = TweenMax.fromTo($(this), duration, {delay: 0.25, autoAlpha: 0, x: xFrom +
  4. Perhaps you are right about writing a function. But the word delimiter is great and might get me out of trouble for now, thanks Carl!
  5. Hi all, I want to do some styling to some headings. Specificially change the last character (which will be a character like . ? ! etc) to a different colour. I have used splitText to break apart every character and have used css to target the last child. However, since these are headings and they will have some weight with SEO, I am concerned with stripping every letter apart and into divs etc. I was wondering if there is some way to tell splitText to only disassemble the last character, or perhaps even target certain characters so I can achieve the style
  6. Hi Carl, Perfect, thank you! You were quite spot on about what was occuring despite me not giving you much info to work with. After watching that video it makes perfect sense, I didn't know about immediateRender and setting it to false in this scenario has worked. Thanks for all of your other efforts on this message board, I've learnt a tonne from your other posts. Cheers, Paul
  7. Hi all, Sorry for the non descriptive title and incoming scattered question, it's late and not too easy for me to set up a code pen. If it can't easily be answered i.e. it's not something glaringly obvious then don't worry I guess and I'll hack up something else, but anyway... So I have multiple JS files, they are all routed for different things and get compiled into one later (there are no console errors once this is all running). In a home JS file I have something along these lines (there's more to it but these are the key elements) let button
  8. Fantastic, much appreciated. Thank you for the explanation as well.
  9. Hi all, This is probably an easy Javascript question. Any help would greatly be appreciated. I'm wanting to use a variable containing a measurement with transform: "translateX( VAR )" but am unsure of the syntax to get it working. Currently, I have: var headerLeft = jQuery('#header .left'); var headerLeftWidth = headerLeft.outerWidth(); And then ideally, I'd like to have something like the following: .to(headerLeft, 1, {transform: "translateX(headerRightWidth)"}); But that as mentioned obviously doesn't work. Console logging the variable works, and to