Jump to content

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

MS Edge SVG animation not working properly

Recommended Posts

Hi Guys, 

Good Day, 

I'm having an issue on MS Edge where it doesn't render the animation properly without any user interaction. Sample of interaction is resizing and clicking on the image itself.

P.S. The animation is working properly in MS IE 11.

See the Pen paKero by denezra (@denezra) on CodePen

Edited by candybanners
Forgot the code link.
Link to comment
Share on other sites

Hi @candybanners :)


It looks like Edge doesn't like the way you structured your clip path. If you add the rectangle directly to the clip-path without using <use> it seems to work just fine in all browsers.


See the Pen OQEaBO by PointC (@PointC) on CodePen


Hopefully that helps. Happy tweening.



  • Like 6
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.