GSAP CHANGE IMAGE ON HOVER WITH CLICKABLE LINKS - Elementor WordPress Tutorial Flex Container
HTML-код
- Опубликовано: 22 окт 2024
- CODE: ohwow.club/how...
TEMPLATE: ohwow.club/tem...
Timestamps:
00:00 Intro
01:55 Demo
00:00 Outro
Thank you for watching!
🟠 SUBSCRIBE TO THE NEWSLETTER:
newsletter.stu...
🟠 TRY ELEMENTOR
be.elementor.c...
🟠 TRY HOSTINGER
hostinger.com?REFERRALCODE=1ANDREEA61
🟠 WORK WITH ME
www.studioegli...
🟠 YOU CAN FIND ME HERE TOO
TWITTER - @AndreeaEgli
LINKEDIN - / egliandrea
INSTAGRAM - / egliandrea.studios
🟠 FOR BUSINESS ENQUIRIES
contact@studioegli.com
Disclaimer - Some links in my videos' description box may be affiliate links, meaning I will make a commission on purchases you make through my link. This is at no extra cost to you to use my links/codes, it's just one more way to support me and my channel! :)
#elementortutorial #elementorpagebuilder #elementortipsandtricks
Thanks, Andrea! ❤
You are very welcome, Kasia! ❤
Is there anyway to put 2 buttons on the left and two on the right and have the image change in the center?
omg 🤩 thank you so much for doing this!! ❣
You're very welcome 😊
Thanks Andrea - Very Nice
Glad you like it! 👌
Thanks for such awesome practical tutorials, Could you share what browser or extension you are using to get that vertical bar while editing.
Your are very welcome, George ☺️ I use Arc browser
Hi I tried out your tutorial but I ran into some issues as follows:
1) I think you forget to include the CSS code for the parent container in the OhWow website
2) When I followed the tutorial, the image did not change when I hover onto the different text titles, instead it stays still similar to 11:40.
3) The HTML code did not work according to what I expected. So after applying the code, I hover onto the text title, the image rotates and disappear, instead of chaging to the second images and so on. Second case is when I removed the 360 rotation code (as you noted on the OhWow website) it completely breaks the animation and it is similar to point number 2 above.
Thx for reading!
I've added the CSS code on the website, add it as instructed, it should work as expected.
Thank You! Please make a video tutorial about GSAP page transition in WordPress🙏❤
Yeah, that's something that I will probably not cover any time soon (very difficult). Anything else you would like to see made? 🙏
@@andreaeglimaybe barba js, very cool lookin yet not so easy to be created in WP. Theme PHP changes
nice tutorial 🤩
Thank you 😃
hey, i bought your template. is it possible to fix it that if you click on the text instead it doesnt open a new page?
Thanks you for your purchase! You want it to not open when you click on the text?
Also the same for the buttons some of the buttons are unclickable and has a reduce opacity i applied a custom css to the code but didn't work.
I can't tell why this is not working for you but you can get the template here: ohwow.club/template/
🎉
Andrea, how do you open this page (HYYPATIA - a Contemporary Recruitment Consultancy) in Gsap and Elementor?
I'm not sure what you mean, can you please be more specific?
@@andreaegli Regarding this website that I mentioned (if you put the link, RUclips will delete it), it has an interesting loading screen in which the lines that go to the center form the name of the brand. How could I do it in CSS?
I really needed this! thank you!