Jump to content
Search Community

DevC

Business
  • Posts

    32
  • Joined

  • Last visited

About DevC

Recent Profile Visitors

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

DevC's Achievements

  1. DevC

    Clickable progress bar

    @mvaneijgen looking good thanks. Is it possible to animate `progress` though? I'd like to have that little bar animation on click like in my initial try above.
  2. Hi, I have this autoplay progress bar below. I've added clickHandlers to [Step 1, etc] and the bar zooms to the clicked step and stops, but I'm having a bit of trouble organizing the accompanying tweens. 1. Animating the active step label and the previous. 2. Transitioning the slide. Thank you!
  3. @Trapti marvelous options here. Thanks for taking the time. Client killed the interaction in-flight so never got back here. It be like that. 😜
  4. Hi, this demo is designed to color each word as you scroll through the page. I elected to use classes because there are items in the array that need to be styled differently and I couldn't figure out how to do that with `to` properties. If you scroll fast or back and forth you'll notice words don't drop their class and stay colored. I'm curious how to combat this or how you would build this correctly.
  5. Future me - if you're selecting 2 siblings, make sure you're selecting the modifier class and not the base class that they share! ?‍♂️
  6. Hi, Experiencing some glitches with horizontalLoop helper. I have list items overlapping and popping in and out like image shown below. Just wondering if my implementation is off or if the helper is not quite the tool for this component. I attempted to use this at the most basic case, but still experiencing some issues. Thanks for any help.
  7. Or if it makes more sense, I'd like to replicate the asset above by cutting it in half and looping it within the scroll movement. The asset of 442 frames is for illustration of final product I'd like to land on. It should end up 221 frames obviously ?
  8. Hi, working on a scroll-based PNG sequence and I need to optimize the asset a bit. The raw asset plays forward then reverse. I'd like to cut the amount of frames in half and just reverse the asset on my own. Any idea on how to do that within the scroll movement?
  9. I have an animation that runs through a list of hsl colors as you scroll over sections. I'd like to be able to define which index the object starts on per section. Also, I took a shot at making the list loop back around to index 0 once you've reached the end of the array. Not sure if this is correct.
  10. @Rodrigo Ah, missed that. Yea, so the 'hero' should just have the same animation the other sections have - the bar translates upward. It seems this actually works just fine with the right combo of start and end. Thanks for having a look.
  11. Does it make sense for the hero to have a tween it's own? Will scrolltrigger handle things from there?
  12. I have a fixed element that animates when it enters certain sections `.gradientTrigger`. Even after adding this class to the hero I'm not getting desired result. I'd like to call the animation on load and then let scrolltrigger do it's business on scroll.
  13. Sick! That worked and solves another issue I saw. Thanks for your time.
×
×
  • Create New...