Safari Three Finger Tap Link Preview Effect on Hover

Safari Three Finger Tap Link Preview Effect on Hover

Worried about licensing?

Do you have right license for your templates and fonts?

Head over to our partner Envato Elements and unlock unlimited downloads of over 50 million digital assets with full commercial licensing.

  • 50+ Million Assets with Unlimited Downloads
  • Templates, Addons, Fonts, Footage, Photos, Brushes, Presets & More
  • Full Commercial licensing for client work

Get ultimate peace of mind!

Get Started Now
deconstruction hover animation link
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

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.