ScratchData LogoScratchData
Back to papipupepappa's profile

SVG Blur Filter Demo

PApapipupepappa•Created February 6, 2021
SVG Blur Filter Demo
79
67
1471 views
View on Scratch

Instructions

Click the green flag and watch.

Description

I made this by exporting the cat costume, opening the SVG file in a text editor, and adding and applying a Gaussian blur filter with increasing strength. Before exporting the cat costume, I added a large transparent square. Otherwise the blur gets cropped quite a bit. Any changes to the costume will delete the filter. This is probably because the automatically generated SVG code disregards and overwrites the filter and feGaussianBlur elements. Read more about SVG filters here: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feGaussianBlur

Project Details

Project ID484455893
CreatedFebruary 6, 2021
Last ModifiedMarch 6, 2021
SharedFebruary 6, 2021
Visibilityvisible
CommentsAllowed