[stroke-linecap and drawSVG issue in IE11 and Edge]

@PointC Thats about right. Besides the rotation rendering issue, turns out the biggest issue was the Google CDN I was using for TweenMax... I was using this dated CDN: <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.20.0_d360d9a082ccc13b1a1a9b153f86b378_min.js"></script>

 

instead of 

<script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.20.4_3dc5474a75410cb768741e402b80d908_min.js"></script>

 

 

It would be nice if I could get notification every time this link was updated. Anyways, happy coding ?

[stroke-linecap and drawSVG issue in IE11 and Edge]

@PointC Everything seemed to work inside codepen, on Edge, without a 0.01 rotation, but not my local file. Once I placed rotation: 0.01, inside my local project everything worked like a charm. Thank you for the point in the right direction!

[stroke-linecap and drawSVG issue in IE11 and Edge]

Hello all!!!!

 

I am animating this SVG C with a circle mask that is drawing a stroke. Animation works well in all browsers except for Microsoft Edge. Can someone please let me know what I am doing wrong? Any help will be much appreciated. 

 

See the Pen PBgXPN by RitchieA (@RitchieA) on CodePen

 

[DRAW SVG, direction]

Thanks for the help! I went with @PointC code suggestion and it worked poifectly. Much appreciated ALL!

[DRAW SVG, direction]

Write a path for a circle?

[DRAW SVG, direction]

Hello all!

I have a circle that has a stroke and I would like to draw the stroke from counter-clockwise, not clockwise. Can someone please help or point me in the right direction?

 

Here is a codepen link: 

See the Pen RJYyag by RitchieA (@RitchieA) on CodePen

 

[Issue with TweenMax scaling my image while my css blur filter is animating]

Thank you for replying so fast and for the helpful advice!

 

I was able to get a smoother transition when using SVG blur, the box- shadow issue is no longer a problem. There is still a pixel staggering effect going on when the image begins to blur. 

 

I tweaked the code from my previous pen to help others wth the issue I had. 

 

Codepen Link

 

See the Pen EyjpBY by team (@team) on CodePen

 

Here's the same Codepen, but I'm using Base 64/DATA URL.

 

See the Pen VjLGZm%C2%A0 by team (@team) on CodePen

[Issue with TweenMax scaling my image while my css blur filter is animating]

My image is scaling while I have a CSS filter animation running. I am running a filter blur on an image so that as the images scales, the images become blurred. There is a strange back-shadow inset appearing as the images scales and the image seems to shake.

 

I'd like to get rid of the box-shadow and the shake if possible. Any push in the right direction will be much appricated.  

 

Thanks!