Blur the warp result...?

benjamminf / warpjs

Warp, distort, bend, twist and smudge your SVG’s directly in the browser

https://benjamminf.github.io/warpjs

MIT License

488 stars 34 forks source link

Blur the warp result...? #16

Closed MattAppleton closed 4 years ago

MattAppleton commented 4 years ago

Fantastic script, thanks so much!

We were wondering if it would be possible to blur /smudge the results...?

MattAppleton commented 4 years ago

think I answered my own query — applying a blur to the .svg's css rather than the .svg element itself seems to work well...

#svg-element {

    overflow: visible;
  width: 380px;
  height: auto;
  transform: rotate(90deg);
  filter: blur(10px);
  -webkit-filter: blur(10px);
}