Share Posted July 3, 2018 Hey guys! I'm relatively new to GSAP, and I've search the forums for image glitch effects on hover to no avail. I'm looking to make an images on the page glitch on mouse hover similar to the effect on the text in the codepen. Is this possible with GSAP? Thanks in advance! See the Pen pjdZvX by eighthday (@eighthday) on CodePen Link to comment Share on other sites More sharing options...
Author Share Posted July 3, 2018 And sometime similar to the text hover effect on this website...https://patrickheng.com/ Link to comment Share on other sites More sharing options...
Share Posted July 3, 2018 Hi @Chelle Service Capital Inc, Welcome to the GreenSock Forum. Have you researched on CodePen? Take a look at this example: See the Pen LZGwWY by hmongouachon (@hmongouachon) on CodePen Kind regards Mikel 4 Link to comment Share on other sites More sharing options...
Share Posted July 3, 2018 Here's an article on stacking multiple images and using clip-path. (it uses CSS animations, but you can easily convert it to GSAP) https://tympanus.net/codrops/2017/12/21/css-glitch-effect/ Pixi has a glitch filter https://pixijs.io/pixi-filters/docs/PIXI.filters.GlitchFilter.html Happy tweening. 5 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