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 08/06/2019 in all areas

  1. Hey @hando, If it should be a simple animation ... https://codepen.io/mikeK/pen/eqVzRW Happy tweening ... Mikel
    2 points
  2. Haha, it might have been:) Crazy that such an easy calculation can be such a game changer:P
    2 points
  3. Hey Hando, What's wrong with using the approach in the CodePen that you link to?
    2 points
  4. I have an SVG path styled to look like a dotted line. I want the path to look like it's drawing in. I created a mask and tried to animate the mask path but it refuses to draw. In the Codepen example, I found that the mask animation worked if I modified the SVG and gave the path a few bends. Does the straight line confuse DrawSVG because it doesn't know what the start/end points are? How can I get the straight line's mask to animate? edit: Fix appears to be adding maskUnits="userSpaceOnUse" to the mask definition in the SVG. Stack Overflow link
    1 point
  5. Yep, masks can be fussy like that. Glad to hear you solved it. Happy tweening.
    1 point
  6. Ha. Well, there's an input field specifically for a codepen URL when you create a topic, but you can just paste a URL anywhere in your answer too.
    1 point
  7. Thanks @PointC this looks to be exactly what I was looking for and should be a good start! Much appreciated.
    1 point
  8. Welcome to the forum. You can check out the Bezier plugin: https://greensock.com/docs/Plugins/BezierPlugin The MorphSVG plugin has a .pathDataToBezier() method. https://greensock.com/docs/Plugins/MorphSVGPlugin You may also be able to make it work with a textPath animation. I wrote about that here: Demo from that thread: https://codepen.io/PointC/pen/vRzmeO Hopefully that points you in the right direction. Happy tweening.
    1 point
  9. Hi decotii pls check this out : http://codepen.io/MAW/pen/OVqBBq
    1 point
×