Jump to content
GreenSock

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

How to make an SVG arrow flip that will work on all browsers?

Recommended Posts

I am trying to make an arrow flip horizontally using SVGMorph... however, it doesn't look like it's flipping. I tried changing the ShapeIndex but there's none that will make the flip look natural.

 

Codepen: 

 

Is there a better technique to do an SVG flip that will work on all browsers?

See the Pen dGbOLZ by anon (@anon) on CodePen

Link to comment
Share on other sites

Hi iamacatperson  :)

 

pls try shapeIndex:-1

 

btw , in this case you can have visually same tween with this :

TweenMax.to("#left",1,{scaleX:-1,transformOrigin:'100% 0%'}); // or transformOrigin:'right'
  • Like 4
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.
×