Share Posted January 20, 2018 Hi, This pen works on Chrome, FF, Opera… but nothing moves in Safari. Any idea ? b. See the Pen WdPjGr?editors=1010 by benoitwimart (@benoitwimart) on CodePen Link to comment Share on other sites More sharing options...
Share Posted January 20, 2018 Any reason for doing it like that? My advice for SVGs, don't use <use> ever. It can be really slow, and super buggy. 1 Link to comment Share on other sites More sharing options...
Author Share Posted January 20, 2018 Thank you OSUblake ! I made this : https://jenseign.com/2018 with <use>, it's like an old flash movieclip ? An alternative to <use> ? Link to comment Share on other sites More sharing options...
Share Posted January 20, 2018 That's pretty neat effect! The best alternative is to just animate each element individually. Yes, it requires more tweens, but performance should be the same or better, and you don't have to deal with weird rendering issues. 2 Link to comment Share on other sites More sharing options...
Share Posted January 20, 2018 I'm also wondering if a pattern might work here. https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Patterns 2 Link to comment Share on other sites More sharing options...
Author Share Posted January 21, 2018 See the Pen ZvwjGR by benoitwimart (@benoitwimart) on CodePen it's fun and OK for Safari ! 1 Link to comment Share on other sites More sharing options...
Author Share Posted January 21, 2018 with x attr : See the Pen PEVBGb by benoitwimart (@benoitwimart) on CodePen 2 Link to comment Share on other sites More sharing options...
Share Posted January 21, 2018 Hi @benoit, super ... - I like it! See the Pen YYBjNy by mikeK (@mikeK) on CodePen Best regards Mikel 2 Link to comment Share on other sites More sharing options...
Share Posted January 21, 2018 Nice! For some pattern inspiration, you should check out Yoksel on CodePen. She does some pretty crazy stuff. https://codepen.io/yoksel/ @Dipscom too. I know he has some good pattern animations buried somewhere on CodePen. https://codepen.io/dipscom/ 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