CODEWITHSUNDEEP
javascriptjquerycsssvg
styler
styler

Reputation: 16501

svg dropshadow problem in Chrome: instead of adding the shadow to only the graphic the shadow is being added to the actual container

I am trying to add a Gaussian drop shadow to a SVG path but for some reason this doesn't seem to work that great in Chrome, instead of adding the shadow to only the graphic the shadow is being added to the actual container? This views perfectly in ff?

How to make this work correctly?

http://jsfiddle.net/NAM8d/2/

Upvotes: 2

Views: 1069

Answers (1)

phil
phil

Reputation: 26

Firefox renders the shadow but truncates the image (on your example) Chrome, Safari, Opera - no shadow been wondering why all the differences myself...

BUT I've found Opera renders shadows fine - for SVGs exported from Illustrator CS5 - although Safari, Chrome and Firefox won't... Guess it's early days for SVGs to become the staple web graphic file type (much anticipated) Sad about all the differences though ... Chrome is the smoothest for SVG animation I've found

Upvotes: 1

Related Questions