Jump to content
GreenSock

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

pointer and svg

Recommended Posts

I don't have a codepen url but if you hit my netlify link you can see this in action. 

https://affectionate-yalow-6ca8ab.netlify.com/

When you try and hit the close button, the X part actually doesn't work. you have to click on the grey parts.  What's the move?

 

**Click on a region and the button shows up under the roof.

Share this post


Link to post
Share on other sites

Hey @BrownsFanForLife,

 

The path is exclusive of the X. Therefore, the trigger area is also limited to the gray area.
Here is a 'slightly larger' example:

 

See the Pen gOppZYP by mikeK (@mikeK) on CodePen


Simply place a larger circle over it as a trigger object.

For the above case test

  <rect id="button" width="300" height="120" style="fill:transparent" />

 

Happy tweening ...

Mikel

  • Like 4

Share this post


Link to post
Share on other sites

I just . wanted to say thank you.  I like how you also made me code my solution instead of 'just telling me' what to do.

  • Like 3

Share this post


Link to post
Share on other sites

 

I prefer to see and test the result of a code.
Then I can be sure to achieve what I wanted.

 

Happy tweening ...

Mikel

  • Like 2

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.

×