Jump to content
GreenSock

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

bootstrap007

Members
  • Content Count

    35
  • Joined

  • Last visited

Community Reputation

3 Newbie

About bootstrap007

  • Rank
    Advanced Member

Recent Profile Visitors

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

  1. masks/clip paths - most of the browsers will support this clip path? Do you have any simple reference for masks/clip paths? Thanks
  2. I think only the stroke is animating but not the fill. Correct?
  3. As you mentioned the animation is not correct as expected. Just something is happening as in the below CodePen https://codepen.io/bootstrap007/details/wvKqrob
  4. Sure, From next time will do the same with Codepen. So how to fix this one? any solutions?
  5. Hi, I have updated the versions of GSAP and DrawSVG plugins. Also, updated the timeline but still showing some sort of error in the console. https://codepen.io/bootstrap007/pen/abvyBLV
  6. Hi, Can anyone pls tell me what mistake i am making in this demo and why it is not working? https://codepen.io/bootstrap007/pen/abvyBLV
  7. Hmm... I thought no need to use/embed all the files (DrawSVGPlugin, MorphSVGPlugin) separately like TweenMax, Timeline etc in the latest version of GSAP. 🙂
  8. Hi All, How to reveal any SVG shape something like a mask effect or drawing? Kindly check the SVG in Codepen. I would like to reveal it from one side to other like a drawing. how to do this in GSAP3.2.4? Thanks
  9. @Shrug ¯\_(ツ)_/¯ Thanks for sharing the reference. 👍
  10. Hi ZachSaucier Thanks for your time & support. I know about barba.js and the page transitions effects. You first need a way of keeping track of the position of the clicked on element. You could do that in various ways, but likely the best is to use some sort of data representation of the position state. -- Do you have any example for this please? My question was - If you click a portfolio item from the CENTER of the page then on the NEXT PAGE that item is animating exactly from the center of the screen/page( triggering the position value from the previous page) OR if you click a portfolio item from the left side of the page then on the next page it is starting the animation exactly from that left postion (same as in the previous page). This can be done in Gsap or with the help of Jquery only? Thanks Zack
  11. Hi All, Hope everyone is doing well and safe during this outbreak. I have a query. As you can see in the below mentioned portfolio URL that If you click a portfolio item from the CENTER of the page then on the NEXT PAGE that item is animating exactly from the center of the screen/page( triggering the position value from the previous page) OR if you click a portfolio item from the left side of the page then on the next page it is starting the animation exactly from that left postion (same as in the previous page). Is it possible to do this in GSAP? How to trigger the object position from the previous page ? Any ideas would be much appreciated. https://emanuelemilella.com/works Thanks
  12. Hi, Currently the zoom out animation is starting from the red box not from the yellow circle which is inside of the red box and also the yellow circle is not full screen when the page loads. Please check the CodePen demo what i have tried so far:- https://codepen.io/bootstrap007/pen/GRJgNxz
  13. Hi @ZachSaucier, Yes, exactly. Yellow circle covering the screen completely (full screen) so that red won't be visible when the page loads and from that point the zoom out animation starts. I have attached a sketch mockup for better understanding. Kindly refer demo.jpg
×