Safari Three Finger Tap Link Preview Effect on Hover

Image: Safari Three Finger Tap Link Preview Effect on Hover GIF

Safari has a feature where you can preview a URL by using the three finger tap. You will notice a new pop-up preview window loads the URL of the link you tapped in a popup that temporarily hovers above the current web page. Now you can get that same effect on your website using this snippet designed by Dinesh Balaji.

If you are having trouble with the pen, try the archived copy on GitHub

He has also created a javascript library for the same, you can get that from GitHub.

See the Pen Safari like URL Full page preview by Dinesh Balaji (@sidthesloth92) on CodePen.0

scroll to top
%d bloggers like this: