Jump to content
GreenSock

Vero

Members
  • Posts

    12
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Vero's Achievements

  1. Hello Cassie, I managed to solve it in a non gsap way in the end. I think it is a problem with our legacy code not rendering the animations properly as I can't reproduce it in codepen. But thank you anyway and have a great day
  2. Hello, I tried searching in the forums and docs but couldn't make it work. I have a list of elements, each element can have multiple animations, sometimes one animation (animating the same style) starts where the other one ends. I have an issue to set the element back to original state after the animation ends. Let's say I have an animation for border that will starts on 0 second and last for 2 seconds and another one for the same element with a different border starting right after. This on its own works fine. But then When the duration ends I need to get the border back to 'none' (both if there is only one animation or if there are multiple). timeline.to(".element", {duration: 2, border: 1px solid blue}, 0); timeline.to(".element", {duration: 2, border: 1px solid pink}, 2) I tried using onComplete, set, clearProps, fromTo, .then, maybe something else as well and none of it worked. OnComplete was firing after animation started (I did used onComplete: functionName and not functionName() but it fired anyway), I don't know if I'm using it wrong or where the problem is. The only thing that works is to add another animation that would set the border to 'none' but then the second animation doesn't run timeline.to(".element", {duration: 2, border: '1px solid blue'}, 0); timeline.to(".element", {border: 'none'}, 2); //this one will not work timeline.to(".element", {duration: 2, border: '1px solid pink'}, 2); timeline.to(".element", {border: 'none'}, 4); Is there some other way how to make this work? I could probably do some if else in the code to check if there is another animation starting at the same time and then make sure to set the border to 'none' only in the end but I'd rather use some greensock function if there is one. Thank you for the help
  3. I will make a demo tomorrow thank you
  4. I need a specific timing. The user is creating a banner, selects and element and adds the animation to it. The animation has a certain duration and within this duration the pulse repeats itself and then stops while the timeline itself keeps going. It looks better visually when I use what you provided but the duration is for one scale and then it keeps repeating again for the full length of the duration.
  5. I guess CustomEase will be the answer right?
  6. Hello, I am trying to make an animation for CTA button that is basically scale up, scale down, scale up and scale down. Right now to achieve this our users have to ad 4 scale animations to an element. I want to make an effect called pulse that will do the same just with one animation. I tried it with customBounce, scale:110 and ease of the bounce const mybounce = CustomBounce.create('myBounce', { strength: 0.6, endAtStart: true }); but it doesn't look the same or I'm not sure how to make it look the same. Is there some other way how to achieve the pulse animation without having to insert 4x scale? Thank you
  7. So I tried to make a new react project and do the import and registering there and it works without a problem . I think the issue is somewhere in the current app and not in greensocks. I'll keep digging there but thank you for your replies
  8. Ok I have no idea how it works I'm new to the company but I will ask them to do that. But in the meantime I wanted to work over the weekend using the token I got ( maybe it is already the one they created for me but I don't want to write them over the weekend). If it would be expired it would not let me install the plugins right? So am I assuming right it's not the problem? I can try tomorrow to make some new project and see if it will work there because maybe it's clashing with something else they are using.
  9. Hello, I got all the information to install it and make it work from person in the company so I assume they are members if it doesn't work because the membership is expired I will sign up of course.
  10. Hello, I am working on a project and received a login to greensock club. I inserted this to the .npmrc file in the root of the project (some token is our token in reality) //npm.greensock.com/:_authToken="sometoken" @gsap:registry=https://npm.greensock.com and then ran npm install gsap@npm:@gsap/business when I try to do import { gsap } from 'gsap'; import { CustomEase } from 'gsap/CustomEase'; import { CustomBounce } from 'gsap/CustomBounce'; and then gsap.registerPlugin(CustomEase, CustomBounce); I get an error Uncaught Error: Cannot find module 'gsap/CustomBounce' at webpackMissingModule (main.chunk.js:85467:45) at Module.<anonymous> (main.chunk.js:85467:137) I am not 100% sure that the membership is still valid but the CustomEase is not giving me any error, CustomBounce does and Custom Wiggle as well. I tried also installing ./gsap-bonus.tgz with npm but with the same result. Do you know what could be the issue? Thank you
×