Jump to content
GreenSock

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

Search the Community

Showing results for tags 'stroke'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Personal Website


Twitter


CodePen


Company Website


Location


Interests

Found 9 results

  1. GreenSock

    DrawSVGPlugin

    DrawSVGPlugin allows you to progressively reveal (or hide) the stroke of an SVG <path>, <line>, <polyline>, <polygon>, <rect>, or <ellipse> and you can even animate outward from the center of the stroke (or any position/segment). It does this by controlling the stroke-dashoffset and stroke-dasharray CSS properties. Watch the video The video below illustrates the many ways DrawSVGPlugin can be used and will get you up and running fast. Note that it uses GSAP 2 formatting. Demo Click through the demo below to see the various ways you can
  2. Hi guys! I'm trying to make a simple weather app on Codepen and I have a hard time to make one animation with dotted strokes. I want to make these strokes to move like rain drops. I tried drawSVG first but, I found an article about a line animation using stroke-dashoffset on CSS Tricks and it kind of works. There are still dots on the sides and look not good... Here is the article: https://css-tricks.com/svg-line-animation-works/ Is there any solution for this? Thank you
  3. aksirob

    Line stroke svg

    Wondering how to create onScroll stroke svg like in example: http://brightmedia.pl. Tried to create it with svg path but did not realized how to make it responsible. This is my site http://mylinks.rocks/trackbox/testing2.html.
  4. Hi everyone, I recently made an animation which recently had quite good feedback from the codepen community (https://codepen.io/alaricweb/pen/vWxPyp ). I too feel like there is something very cool in this animation but the perf are really bad on mobile. I don't blame GSAP for that it's pretty amazing already to be able to have such result with that few lines ! But now i want to be able to use this kind of animation in a real website but with that impact on perf it's not imaginable. I don't think i can improve the perf significantly with SVG only
  5. Hi there, first post on the forums. Excited to be using Greensock, it's been great so far. I'm trying to accomplish 2 drawSVG staggered animations on an SVG path using Timeline: 1) Draw the stroke 2) Draw the fill If I combine them into one Tweenmax.from() call, it works great. However, when I stagger them, the 2nd from() call where I'm passing fill is trying to redraw the stroke as well. Is it possible to let the call know to ignore the stroke in the 2nd from() call? Thanks!
  6. I want the SVG animation that I found on the left to have the same effect on the right element. What am I doing wrong?!!?!!?! This is driving me crazy -- why is there a double stroke effect? How can I fix this. Any assistance would be greatly appreciated. Thanks!
  7. Hi I have simple text logo from Adobe illustrator with two strokes (done via the appearance panel in Ai). http://codepen.io/pauljohnknight/pen/xOPvAQ I want to play around with animating the outer stroke and inner letter – what is the best way to do this with Greensock? I’ve hit a bit of a wall (I am comfortable using tweens and timelines using GSAP, but up until now I have done so on divs / text / DOM elements etc). In the CodePen example above I’ve put a simple tween on the letter m, but can’t seem to work out from googling how to target the stroke on a multi-stroke svg (sa
  8. Hi, I'm trying to reveal a dashed line with drawsvg using a mask but the mask position seems to be off. I can increase the stroke-width for lines that don't overlap but when they do overlap in the codepen example, I need a more precise line. Anybody encounter this and know whats up? Thanks!
  9. Hello, I'm mystified as to why the stroke on the red bar in my pen doesn't animate like the stroke on the white bar. The only difference I can see are the coordinates of the lines. Thanks
×