Public
- Public
- Network
- Groups
- Popular
- People

Conversation

Notices

Ana Tudor 🐯 (anatudor@mastodon.social)'s status on Wednesday, 29-May-2024 17:09:47 JST Ana Tudor 🐯
- CodePen
#tinySVGtip Better gooey effect with no matrix filter!
Each particle can get its own CSS blur filter with a value that may be any unit (SVG doesn't support this).
The assembly containing them gets an SVG filter as below.
Heavily commented on @codepen: https://codepen.io/thebabydino/pen/NWVdKaG
#CSS #SVG #filter #cssFilter #svgFilter #goo #gooey #blob #blobby #blur #alpha #code #coding #frontend #webDev #web #dev #webDevelopment
In conversation about 6 months ago from mastodon.social permalink
Attachments
1. An animation of two particles forming a gooey assembly and the SVG filter behind: ``` <svg width='0' height='0'>  <filter id='goo' x='-50%' y='-50%' width='200%' height='200%'>   <feComponentTransfer> <feFuncA type='discrete' tableValues='0 1'></feFuncA> </feComponentTransfer>  <feGaussianBlur stdDeviation='3'></feGaussianBlur>     <feComponentTransfer> <feFuncA type='table' tableValues='-2 3'></feFuncA> </feComponentTransfer> </filter> </svg> ```
2. Untitled attachment

Public

Conversation

Notices

Feeds