Richard1604 Posted September 11, 2020 Share Posted September 11, 2020 I’m currently looking at reproducing a background effect from motion tactic (dot) com. i have tried svg and discovered that it’s not optimal From a rendering perpective. the website seems to use a gradient png image and some masks (or sprites). there is also a subtle mouse movement effect. I am Definitely not looking for a solution to be provided but would appreciate discussion and suggestions on the general approach. Link to comment Share on other sites More sharing options...
mikel Posted September 11, 2020 Share Posted September 11, 2020 Hey @Richard1604 You could try the SVG filter feGaussianBlur. And then there are several posts about 'follow mouse' here in the forum. See the Pen xxVjGaa by mikeK (@mikeK) on CodePen happy tweening ... Mikel 4 Link to comment Share on other sites More sharing options...
Richard1604 Posted September 11, 2020 Author Share Posted September 11, 2020 hi mikel, that's a really fabulous response. 2 Link to comment Share on other sites More sharing options...
Richard1604 Posted September 11, 2020 Author Share Posted September 11, 2020 Just a quick update @mikel, this has opened up an enormous avenue of potential animations which has blown my mind. i am currently investigating svg filters in general and experimenting with different parameters. i haven’t forgotten about my initial question but I really feel the need to explore the wider potential of what this can offer following your most Helpful suggestion. 1 Link to comment Share on other sites More sharing options...
Richard1604 Posted September 12, 2020 Author Share Posted September 12, 2020 See the Pen yLOjjwy by rb1604 (@rb1604) on CodePen 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now