anush Posted December 14, 2020 Share Posted December 14, 2020 can anyone tell me how i can achieve this mask reveal effect with GSAP https://erikamoreira.co/ Link to comment Share on other sites More sharing options...
ZachSaucier Posted December 14, 2020 Share Posted December 14, 2020 Hey anush and welcome to the GreenSock forums. This is usually done by animating SVG clip paths. You could also create this effect using WebGL shaders. There are a lot of tutorials for creating similar effects out there, particularly on Codrops. 3 Link to comment Share on other sites More sharing options...
akapowl Posted December 14, 2020 Share Posted December 14, 2020 Hey @anush - welcome to the forums. The link hover-effects on the page you linked to reminded me of the codepen in the OP of this thread I just recently stumbled upon. Maybe it can serve as inspiration-base for the reveal you are going for. 2 Link to comment Share on other sites More sharing options...
PointC Posted December 14, 2020 Share Posted December 14, 2020 If you need a primer on SVG masks and clip-paths, I have one on my training site. https://www.motiontricks.com/svg-masks-and-clippaths/ Happy tweening. 4 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