Create this Social Menu with Stagger Animation in Elementor | WordPress Creative Menu Hover Effects
HTML-код
- Опубликовано: 20 авг 2023
- Today, I'll show you how to create this Social Menu with Stagger Animation in Elementor and make WordPress Creative Menu Hover Effects.
✅Get Elementor Pro:
makedreamwebsite.com/elemento...
✅Get code snippet for Advanced Social Menu:
makedreamwebsite.com/create-t...
✅Get this as Ready Template (✨1 CLICK INSTALL✨):
templatish.com/template/eleme...
In this video, I’ll show you how you can make this creative and cool social menu on your website. When you hover on the each items you can see a beautiful stagger animation with nice white background. In the middle, you can see the eyes which are also moving with mouse cursor.
If you want, you can get this design as a ready template from my template shop. Here as a bonus, you'll get both the container and non-container versions. But, if you don't want this templates, you can also start it from scratch.
First, let's create a container. Inside this, add an icon list widget and design that. Create another new container for our 2 eyeballs. We'll use containers and divider widgets to create that structure.
Then, we add the advanced animation by adding some custom CSS and JavaScript code. Also, we have make the mouse effect with those eyes. Let's also make it responsive for the tablet and mobile devices.
So, that's how you can create this hover effect/animation on your WordPress website. If you enjoy this tips and tricks tutorial and to get more text hover effect, don’t forget to like and subscribe.
So awesome! Luv your styles and skills bro 🎉
Thank you!
bro you are doing an amazing job this is very helpful.
Happy to help
I Love you my man ❤️😘
Thank you so much ❤
You're welcome!
hey, there I have been following you for a few years now and you are awesome! I hope I'm not stepping over the boundaries but I want to ask you a few questions. For recurring billing, would you charge your customer every year for the plugins on their website example elementor or a SEO plugin like Rankmath or do you charge them a one-time fee the first time and then pay for them all every year after that? thanks and looking forward to your reply
Very creative!
Thank you!
@@MakeDreamWebsite very well explained and easy to follow! Very good works and inspiration ✨
Hey Jitu,
Am really surprised by your skills and the work you do by using Elementor! I am surely going to follow your advice, wish you luck for your further journey
My pleasure!
What courses do you recomend to learn to code and also use elmentor? Html? Java, css or other languages i should learn for website building?
I like your explanations and your skills ! Thank you.
You forgot to explain how to change the black circle size for mobile screen, in the second part (with the css).
Doesn't matter, nice job !
You're welcome! I've added the CSS later, but forgot to mention about that. Basically, I've written that CSS in a way so that when you change the width of the black circle on mobile (as I shown), the height on mobile will be automatically changes correspondingly.
Bro Keep Posting Content... Don't Stop Please !
Don't worry, I will upload more videos very soon
@@MakeDreamWebsite thank you 💕
Could you teach, how to perform a scroll sequence on elementor please🥺
Thank you for the suggestion!
Hey, it has been some time since you made this video. I hope you didn't stop your channel and we will see a new video of your awesome skills and ideas soon! 🤠
Thank you, I will publish more videos very soon!
@@MakeDreamWebsite Awesome!
I have a request for you. You are creating soo much cool design. Can you make a full video from A to Z on a website that is looked like awwward's website.
Thanks for creating an amazing tutorial. I have tried this on my popup menu, but the icon list is not displaying. However, it does display on the general page layout. Any hints?
css style not work and this is a fail html code also not start on popup menu
How to Scrolling posting and keep side container stay sticky
HI
can you please make a video on bootstrap that how can we use it in wordpress. please please
hi, love your videos. is it possible to change the text color on hover??If yes, can you pls explain how can i achieve that.
No you can't do that.. you can only change the background color on hover...
@@MakeDreamWebsite Thank you for these miraculous videos
Please how can I set the month as the default? Many people are asking to solve this problem in the comments including me
You said you would create a template for it a year ago
I searched a lot for it and did not find it. Please provide this script or flap for us soon
Please reply
Thank you
Hello, i purchised one product thanks to you, i have one recommendatiin or idea for you i would buy this template when you can put it in your shop . I didnt find an email from you where i can send you the video link. Best regards
Hi Elias, thank you! You can find my email on the about section of this channel...
Hello friend. Does it work in popup/modal?
I tried to do it, but in popup it didn't apply the effect and the text disappeared. I created it in page and it worked.
Okay, I'll check it for popup...
@@MakeDreamWebsite Did it work for you, friend?
dear sir I could not find CSS class
Hello, I bought this package on your page but the plugin for Elementor "Liquid Hover Effect" has a problem in the new update ". View version 3.16.0-dev3 details from Elementor", can you fix it, and send me the update to download.
Okay, I'll update it... you can email me about it.. so I can send you the updated file when it's ready...
can you please make an detail video on parallax scrolling effect
there is no such detail video on this topic
Noted! Thanks for your suggestion...
hey,I did your card animation tutorial and now some parts of my website arent visible anymore. I really need help, as its my agency website
Yeah, there are some flaws of that video. I'll soon update the code snippet on my website that. Hope everything works well then!
thanks for your answer. is there a way to contact you and get to work closer with you?@@MakeDreamWebsite
Brother, is your page under maintenance? I can't enter to copy and paste the CSS codes :(
Thank you for letting me know. I'll take a look on that...
I just resolved the issue. You can check my website now.
Hello my brother why you stop creating video Soo longer time I love your videos please ❤️ create series of elementor video
Yes, I will publish more videos very soon...
Can you publish video weekly basis
text disappears in popup
appears when I resize the browser
hola, tu sitio web esta caído
Gracias por hacérmelo saber. Estoy trabajando en eso.
I just resolved the issue. You can check my website now.
Men, where are you now?
I will publish more videos very soon!
it is not working i tried today
Can you please follow the exact same steps again...
Bro😢 please post
Yes, I'll publish more videos very soon...
Dear Sir how i can create this effect in elementor chack link
ruclips.net/video/nMGVwP3ww2M/видео.html