Jump to content

All Activity

This stream auto-updates     

  1. Past hour
  2. Glad to hear you got a solution. Unfortunately, that solution isn't at all what I was suggesting, and there seem to be some issues with the theory and math in there but I just don't have the time to troubleshoot it all or deliver a smoothed-out one. This is definitely beyond the scope of the kind of GSAP-specific help we offer in these forums. If you still need some help on a consulting basis, feel free to PM me. Or maybe someone else has time to dig in and craft a solution for ya. Congrats on getting this far, though! I know it's a tricky challenge
  3. If you're talking about the full screen transitions when you click links, this looks like a worpress site thas is using animation to load new page content, may be using barba.js or they may have created their own ajax loader, either way as Jack said this type of whole site construction advice would be beyond the scope of this forum. if you search barba.js you'll find several posts that discuss it on the forum. That being said anyone who wants to take it on are welcome to jump in... Happy tweening!
  4. Hi thanks for the reply. the scroll animation that I will make is this. (attachment). Thanks
  5. Welcome to the forums, @mrrobot993. We'd be happy to help with any GSAP-specific questions here, but we just don't have the resources to analyze a live site and then develop full tutorials explaining how they achieved a particular effect. Was there a GSAP question we could answer for you? Happy tweening!
  6. Visual-Q

    Width Calc

    Yeah we usually do that when we make the decision to end support for a legacy browser and IE11 is just about due, but i'm going to err on the side of caution for a little longer. It is time I familiarize myself with some newer css properties though, as the changeover will be soon.
  7. Today
  8. Hello, thanks, the example is not in codepen but in the Gsap website. Examples page: www.Animal.cc website
  9. Thank you very much to both @mikel and @GreenSock for your help - I really appreciate this community. I figured out a solution! Hopefully it's useful to somebody in the future and you get a better idea of what I was after from this CodePen. I am still using correlate as I need the tweened progress value to be synchronized with the position. However, I am now using a dummy object so that I don't try to set impossible properties of the DOM element/timeline. In order to convert from the bezier progress value to a CustomEase I sample a number of points from the bezier tween. Perhaps there's a cleaner way to do this? Or to create a smoother CustomEase, as right now it's linear? Another problem is that sometimes progress doesn't increase monotonically, i.e. sometimes if it needs to move too slowly between two points it will start moving backwards for a short distance. https://codepen.io/WD40andTape/pen/dBprjz
  10. Dear OSUblake, this is a great system to develop workflow , but how we can detect "after wiring processes" that the input or output is actually wired and to what exactly , this would help in developing great workflow system
  11. Hello @mrrobot993 and welcome to the GreenSock Forum! I don't see the codepen example your trying to reference. That codepen link just goes to the homepage of Codepen. Please include the code example so we can better help you. Happy Tweening!
  12. Jonathan

    Width Calc

    Its always good to support any browser that hasn't reached its life cycle, so you can have your product work on any browser not put to death. Also IE11 was the highest Internet Explorer version you could get on Windows 7. Windows 7 is reaching its life cycle in another year. Internet Explorer (IE) 10 will reach its end of support on January 31, 2020. So that means IE11 will also reach the end of its life cycle some time after that. Here is Microsoft's list of their End of Cycle charts for Internet Explorer https://support.microsoft.com/en-us/help/17454/lifecycle-faq-internet-explorer
  13. Hi I'm new with Gsap and in home I have watched one example website working with gsap. I would like to know how they created the horizontal slider with the projects. I tried to search but couldn't find anything. Thanks
  14. Visual-Q

    Width Calc

    Those numbers are definitely more encouraging.
  15. OSUblake

    Width Calc

    I think that might be a little skewed as the government is one the largest the users of IE. The government also has special contracts with Microsoft for continued support. This table might be a little more realistic. https://caniuse.com/usage-table I understand why clients want to support every browser, but I try to get them to rethink that... maybe by charging them extra to support IE with all the bells and whistles. 😉 BTW, one the reasons Edge is moving over to a Chromium architecture is to allow Edge to be installed on older Windows machines. In theory, that should lower IE's usage statistics.
  16. Jaexplorer

    Width Calc

    Have you thought maybe your extending it's life span by continuing to support it? If we stop supporting it, eventually the "clients" will drop it. You don't even know whether all those that have IE, even use it.
  17. Visual-Q

    Width Calc

    Been hearing that since IE5. Unfortunately clients write the cheques and consumers decide what browser to use. I have to satisfy them.
  18. Visual-Q

    Width Calc

    I have no idea myself how many people use it but the us gov site which should be pretty objective https://analytics.usa.gov/ reports about 7.4% usage almost 2x what edge gets. That's still far too common for me to abandon support unfortunately. Cut that in half and maybe I can think about dropping it. Clients drive the bus. For now I'll just have to wait.😒
  19. Jaexplorer

    Width Calc

    I agree, the sooner we stop supporting IE. The better the world will be. There no reason to continue supporting IE, it has security issues and all sorts of issues.
  20. OSUblake

    Width Calc

    I don't think there are any good polyfills for CSS vars. Can you objectively justify supporting IE11 i.e. do you have any data to back up why you need to support IE11? When developing/engineering stuff, there are certain tradeoffs that you must make. You're missing out on a lot of great features by purposely supporting IE11.
  21. Visual-Q

    Width Calc

    @OSUblake Have you been using css variables in production sites, are there any reiiable polyfills for IE11. I'd like to try them but it's got to work everywhere otherwise it's a no go.
  22. OSUblake

    Width Calc

    A one-liner... TweenMax.to("#right-container", 1, { "--width-pct": 100, "--width-rem": 4 }); https://codepen.io/osublake/pen/348b53aa3d39c06a9bf3eba7e0359bc8
  23. Visual-Q

    Width Calc

    And if you want to get all the way to the edge set body margin to 0.
  24. OSUblake

    Width Calc

    Looks like you didn't load the ModifiersPlugin. https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/plugins/ModifiersPlugin.min.js https://codepen.io/osublake/pen/cd4870da8a3e1e93ed1734946d7ec49e
  25. Jaexplorer

    Width Calc

    I couldn't get yours to work. Heres the pen I made. The blue is supposed to stretch to all edges (though in this example, i'm just focusing on the width). https://codepen.io/jaexplorer/pen/wLzmPY That being said, i've been able to get it to work by editing the parent padding (see attached)
  26. Yesterday
  27. PointC

    Width Calc

    @Visual-Q is gettin' all fancy with it.
  28. Visual-Q

    Width Calc

    Cool, I didn't think about easing.
  1. Load more activity
  • Newsletter

    Want to keep up to date with all our latest news and information?
    Sign Up