I was trying out the linear blur transition which is enabled via text HTML filter, but did not like the results. When I looked at the code I realised it looks bad because it blurs in both x and y directions. So, if you have a transition that swipes from right to left you obviously only want the blur to be only from left to right, not up / down.
I include a video that shows the result. First, transition is using my filter (called LinearBlurX), second using the regular LinearBlur.
(Note: in the video I made the transitions very long so you can see what I’m talking about, but you would normally make them much faster to look good.)
And this is the gl-transition-objects.js file which contains the shader code: https://gofile.io/d/ilaJnL