Jump to content
GreenSock

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

Leaderboard

Popular Content

Showing content with the highest reputation on 07/31/2019 in all areas

  1. Well, there are a few challenges with clip-path: Some browsers just don't support it. The kinds of values it can accommodate vary widely, and it'd take a ton of code to figure out how to smoothly animate, for example, from a circle() to a polygon() or inset(). Add to that the values inside each of those can be various units (px, %, etc.) and it's just a mess. The next release of GSAP can do basic stuff where the types of shapes, numbers of points, and units match between the starting and ending shapes, but it can't magically add browser support or animate between totally different shapes/units.
    4 points
  2. @OSUblake aren't you still on vacation? ?️ The pull of the forum is just too strong for you to resist and nobody even mentioned canvas in this thread.
    4 points
  3. Looking for a freelancer to assist with animating our website and creating a preloader for us. Send me a message for more information if you are interested
    1 point
  4. Im urgently looking for a freelancer to assist with animating the homepage of our website. Please message me for more information if you are interested.
    1 point
  5. I think you'd have to animate the position of the rect towards the middle and then later start a counter animation to move it back to the start. 
    1 point
  6. Hi @fedehache, There are some other sliders here in the thread. Pick one that works well with your trackpad. Kind regards Mikel
    1 point
  7. Hey @vialito, Welcome to the GreenSock Forum. Here is a slightly different approach (NO magicScroll) to achieve the desired (?): https://codepen.io/mikeK/pen/PMmyvm Happy tweening ... Mikel
    1 point
  8. Flexbox isn't designed for grids. That's what CSS grid layouts are for. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout You can listen for media queries to change the layout and recreate your animations.
    1 point
  9. Hey all, the above approaches look like nice approaches. ;—) Since I happened to notice the old OP mentioned blend-modes, maybe “mix-blend-mode: difference;” would be applicable for some? You can make that go from white to black and reverse. Except regarding the various still lack of browser support sadly. :—( https://css-tricks.com/reverse-text-color-mix-blend-mode/ https://caniuse.com/#feat=css-mixblendmode Midnight.js (or others) might be another option for some. http://aerolab.github.io/midnight.js/ You could probably even just use a small function to determine if it needs to be black or white, etc., and conditionally pass that reference into a tween to make a smooth transition between colors across sections on scroll. Here is one example of determining color. https://stackoverflow.com/a/35970186 ¯\_(ツ)_/¯
    1 point
  10. Hey @Jiri, If you like a lookalike - a fake of a clipPath ... https://codepen.io/mikeK/pen/LwyVdY Happy forking ... Mikel
    1 point
  11. If you want to make this work with ScrollMagic, here's a quick demo of what I was advising — measure each elements position from the top. Here I've just created a bunch of divs in a grid and looped through to create arrays which act as 'rows' in a master array of targets. I then create a new ScrollMagic scene for each 'row' and use the .staggerTo() method on the targets. Note: This is not responsive. It will only calculate on page load. You'll have to kill and recreate the ScrollMagic scenes on resize, but this should get you started. https://codepen.io/PointC/pen/aeJxJE Happy tweening.
    1 point
  12. Hey @sammyg, Here cool solution - if there was not the problem 'quite jittery in Safari'. https://codepen.io/mikeK/pen/VGPdyJ Happy tweening ... Mikel
    1 point
  13. Hey @Akshay Manoj, A little help ... https://codepen.io/mikeK/pen/YmqaXo More: Happy tweening ... Mikel
    1 point
  14. Wow! I just noticed the GSAP forum cracked 10,000 topics. I just wanted to take a moment to thank Jack for not only creating a fantastic set of animation tools, but also for fostering such a great community. I’ve said it before, and I’ll say it again — this forum really is an oasis in the snarky Interwebs desert. A friendly community with loads of great people and tons of info and demos. Truly one of a kind. A message for any lurkers — try jumping in and asking (or answering) a question. I think you’ll be glad you did. Congratulations Jack. Looking forward to GSAP 3.0 and the next 10,000 topics.
    1 point
  15. Wow, thanks for pointing that out Craig! And we're at over 93,000 total posts, so another milestone is approaching. Pretty cool indeed! I'm super proud of the tone that all the moderators set here. It's truly a unique place on the web, so my hat's off to all the participants. And yes, to the lurkers - dive in, the water is nice and warm. PS: GSAP 3.0 is shaping up very nicely. When released, I'm sure these forums will be even more active
    1 point
×