The floating link preview (with the GSAP)

If you want to learn how to add the floating image to the link hover event - check out this video! It teaches you how to add the custom attribute in Elementor, how to deploy the GSAP library with the “Steroids for Elementor” add-on, the logic behind the JavaScript code used, and a little bit of the custom CSS.
The floating link preview effect is not a widget nor it can be found as an out-of-the-box solution so it’s really cool to be able to make your own. Elementor PRO is not a must!

-------------------------------------------------- EXTRAS!

—— The training file:
1. Importable JSON
https://ooohboi.gumroad.com/l/gkoyd

2. The CSS and JS code (copy-paste)https://gist.github.com/oooh-boi/cd26df98777b2fbadf8d148653975e94


—— If you plan to buy Elementor PRO - buy from this link and help me keep this channel alive!
https://be.elementor.com/visit/?bta=15319&nci=5383


—— OoohBoi Steroids for Elementor plugin page:
https://wordpress.org/plugins/ooohboi-steroids-for-elementor/


—— One-on-One Elementor training via Zoom:
send an email to oooh(dot)boi29(at)gmail(dot)com
with the subject “One on one Elementor request”


—— Visit my Shop for more cool stuff:
https://gumroad.com/ooohboi
https://payhip.com/OoohBoi


—— The 3rd party plugin: Simple custom CSS and JS (for those missing the Elementor PRO):
https://wordpress.org/plugins/custom-css-js/


—— Buy me a coffee:
https://www.paypal.me/ooohboi


-------------------------------------------------- CREDITS!

Funky Summer Sax (Loopable) by chilledmusic
Link: https://filmmusic.io/song/8705-funky-summer-sax-loopable-
License: https://filmmusic.io/standard-license

Тэги:

#link_preview_in_elementor #gsap_floating_link_preview #sticky_link_preview #tutorials #elementor #elementor_pro_tutorials #elementor_tips_and_tricks #elementor_how_to #ooohboi

Скачать видео