Jump to content
GreenSock

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

Juc1

ShockinglyGreen
  • Content Count

    45
  • Joined

  • Last visited

Community Reputation

4 Newbie

About Juc1

  • Rank
    Advanced Member

Profile Information

  • Gender
    Male
  • Location
    UK

Recent Profile Visitors

1,492 profile views
  1. @tailbreezy perfect thank you ๐Ÿ‘Œ Just adding the link to the docs https://greensock.com/docs/v3/GSAP/UtilityMethods/shuffle()
  2. Hi all, My SVG flower classes animate in the order given by the HTML = pink, blue, red, purple - can anyone please tell me how I could say - animate in a random order each time the page is loaded eg blue first, next time red first etc
  3. Juc1

    SVG filter value

    @ZachSaucier awesome, thank you ๐Ÿ‘Œ
  4. Juc1

    SVG filter value

    Hi all In my pen I have an SVG filter with a value of 90 - can this value be targeted / animated? Thanks...
  5. Just adding the link to the relevant pen: https://codepen.io/GreenSock/pen/QWNqBvL from
  6. awesome, thanks guys ๐Ÿ‘Œ
  7. Hi all, I want to say: when image 1 enters the viewport, run the timeline on image 1 when image 2 enters the viewport, run the timeline on image 2 etc But so far I am getting - when image 1 enters the viewport, run the timeline on all the images at the same time. Can anyone please correct my pen? Thanks...
  8. My pen is simplified in order to ask the question so hopefully it would make more sense with the background details. But anyway thanks a lot for your help ๐Ÿ‘
  9. @Zach thanks a lot. I will read your article in depth thank you ๐Ÿ˜€ but for now your pen does "reverse the timeline on mouseleave" but in my question it was not reverse timeline on mouseleave but reverse timeline on next mouseenter = first mouseenter - play the timeline (mouseleave does nothing) second mouseenter - reverse the timeline (mouseleave does nothing) third mouseenter - play the timeline (mouseleave does nothing) fourth mouseenter - reverse the timeline (mouseleave does nothing) etc (ie alternating between one mouseenter and the ne
  10. Hi all Can anyone please correct my pen - I want to say "with the first mouseenter on any red box, play the timeline" (which reveals the green box) With the next mousenter on any red box, reverse the timeline With the next mousenter on any red box, play the timeline etc ie mouseenter event alternates between play and reverse the timeline Thanks...
  11. Juc1

    SVG slideshow

    Thanks @ Shaun and Craig ๐Ÿ‘
  12. Juc1

    SVG slideshow

    @ Shaun your results works fine thank you but can I do it without jQuery?
  13. Juc1

    SVG slideshow

    Hi all, In my slideshow I want slide # 1 to load on page load, then slide # 2 to cover slide #1, then slide # 3 to cover slide #2, then slide #1 to cover slide #3 then a smooth restart. Can anyone please correct my codepen? Thanks...
  14. @ ZachSaucier awesome thank you ๐Ÿ‘
  15. @Craig sorry I missed something out and spoke too soon Can I please bug you some more.... In my getElementById pen https://codepen.io/Juc1/pen/qBdpmOQ the mouseover event on the box div triggers the timeline which animates other objects individually within the same svg: tl1.to(".mytitle", {duration:.5, fill:"lime"}); tl1.to(".rectangle-big", {duration:.5, opacity:0}); tl1.to(".myimage", {duration:.5, rotation:20}); tl1.to(".rectangle-small", {duration:.5, rotation:-20}); So my aim is to do the same thing when there are multiple boxes on the same page.
ร—