Baret Posted June 27, 2020 Share Posted June 27, 2020 Hello, are there any examples of a magnifying glass effect on an svg image like this example with a jpg image ? See the Pen rrZVpG by Grindzior (@Grindzior) on CodePen Link to comment Share on other sites More sharing options...
ZachSaucier Posted June 27, 2020 Share Posted June 27, 2020 Hey Baret. I'm not following how SVG is related to this. But anyway there's a thread that covers how to do this sort of thing: To convert it to GSAP 3 just use the migration guide Happy tweening. 1 Link to comment Share on other sites More sharing options...
ZachSaucier Posted June 27, 2020 Share Posted June 27, 2020 Oh, you mean using an SVG instead of a JPG. In that case the approach is pretty much the same but you'd replace the JPGs with SVG. Here's a similar effect with SVG using clip paths (not zoomed in): See the Pen ByxQjL by noeldelgado (@noeldelgado) on CodePen 1 1 Link to comment Share on other sites More sharing options...
OSUblake Posted June 27, 2020 Share Posted June 27, 2020 Here's how you can do the zooming. See the Pen MErWRb by osublake (@osublake) on CodePen 3 Link to comment Share on other sites More sharing options...
Baret Posted June 28, 2020 Author Share Posted June 28, 2020 Thank you all, I now have the elements to achieve what I want. 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