Tag: svg

Fix for ‘text scale animation cause font to blur’

TheSmithy

text scale animation cause font to blur – posted in GSAP: When using Chrome the text is blurred during the animation and then at the end the text snaps clear and normal. Does not do that with Firefox or Edge.   How do I get rid of the blur when viewing with Chrome.   Thank you,   Kv2

Source: text scale animation cause font to blur – GSAP – GreenSock

 

It’s a common Chrome bug.

Adding

CSSPlugin.defaultForce3D = false;

to your Javascript file will fix it.

//

You might also find this post helpful: http://greensock.com…ted/#entry36948

Exporting SVG from Ilustrator

TheSmithy

Update:

Export artboard to SVG ‘for web’.

  • Save as, use artboard
  • Choose ‘try’ to export for web
  • Choose options
  • Careful when choosing ‘responsive’: it somehow adds vector parts that are outside the artboard area to the svg.

 

Source

SVG profiles

SVG 1.0: all modern desktop and mobile browsers support SVG 1.1, so never choose this option.
SVG 1.1: You will almost always want this.
SVG Tiny/Basic: this is a subset of SVG intended for mobile devices. Only a handful of devices support SVG Tiny and not the full spec, so go for SVG 1.1.

Read More