Jump to content
Search Community

How do you get a part of the SVG to rotate around its axis?

qqignatqq test
Moderator Tag

Recommended Posts

5 minutes ago, ZachSaucier said:

Hey qqignatqq, thanks for the demo. There's not any rotation in that demo, not even attempted. Can you please link to a demo where your attempt at rotation is included? That way we can better understand how you're trying to apply it and where you may be going wrong.

I tried both js and css animate. In both cases, the second circle makes a very large circle. You need to hover and wait a little bit. At some point you will see it https://jsfiddle.net/a7zge5mh/

Link to comment
Share on other sites

Thanks for the updated demo! 

 

There's a couple ways you could do this. Personally I like to group elements that move around together. Doing so lets you apply animations to the contents of the group without issue! https://jsfiddle.net/e6p41w2L/

 

P.S. I noticed that you had mouseover where you should have had mouseenter so I changed that.

Link to comment
Share on other sites

15 hours ago, ZachSaucier said:

Thanks for the updated demo! 

 

There's a couple ways you could do this. Personally I like to group elements that move around together. Doing so lets you apply animations to the contents of the group without issue! https://jsfiddle.net/e6p41w2L/

 

P.S. I noticed that you had mouseover where you should have had mouseenter so I changed that.

Thank you so much!

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...