Creative Team Member Card Design with Cool Hover Effect using Elementor | Elementor Tips and Tricks
HTML-код
- Опубликовано: 12 сен 2024
- Creative Team Member Card Design with Cool Hover Effect using Elementor | Elementor Tips and Tricks
✅Get Elementor Pro:
makedreamwebsi...
✅Get code snippet for Hover Effect:
makedreamwebsi...
✅Wavy Background Image Generator:
app.haikei.app/
✅Get Domain & Webhosting(50% off):
makedreamwebsi...
✅Get creative templates on my Template Shop:
templatish.com
In this Elementor tips and tricks tutorial, I have shown you how to create a nice Team Member Elementor Section with a nice transition and hover effect. And it looks far better than the normal Image Box Widget of Elementor. So, you can call it advanced Image Widget or Team Member Widget of Elementor.
Basically, here we use Image, Heading and Social Icon Widgets and also do some custom CSS. And after putting that CSS this card looks like a normal image, but when you hover over on that, it will become a team member card with a nice transition. Lastly, we will make that team member design responsive for all of the devices.
If you want to get regular Elementor tips and tricks, Elementor advanced design, Elementor design tricks and more stay tuned with my channel.
I was quite busy so I bought this one template feature in a pack of ten for so cheap. It was a legit purchase and worked right away. There is a link in the description. I got some help from the developer within one hour so I thought I would write something nice in return.
Hi Ben, thank you so much for such an amazing feedback!
you are superb, great work sir, i want to request you, can you make a video on interactive list styling and designing
Great work, thank u👍🏻✌️
You're welcome 🙏
@@MakeDreamWebsite You do a great works, thank u again.
great info, thanks.
You're welcome
So slick!
Many thanks!
Are you a brother of Jim Fahad?
BTW your video quality is very good.
Yes, you're right, we're brothers.. BTW.. thank you for your appreciation.
great work!!
Thank you!
I did not have Elementor Pro
How to do ?
The video is very nice. But, it would have been better if the video of the codes had appeared
muy buen video pero no me deja entrar a mirar el codigo css
Hi, my website is going through an technical error. I'll fix it ASAP
bro.. my image is not covering the whole section.. :( i did exactly the same you did...
Can you share your website. So, I can find out the problem.
the css code does not show in the elementor builder correctly. I had to preview the page to see the full effect.
Highlight the image and add css class " image '
Did you write all this code by yourself?
Yes! Sometimes I may get inspiration from others but the code is written by myself!
@@MakeDreamWebsite Really Impressive.How much time does it take you to learn html css and js?
In my opinion, it may take you 1 year to master on these fields. In my case it takes 2/3 years because I didn’t do it in an organised way as I take longer breaks during my learning periods.
@@MakeDreamWebsite At what age do you start learning coding?.I am 18 years old I know only basic code as I am working on wordpress.I am a learner.
I started learning html, css, js, php from 2013. Then, from 2015 I also started WordPress…
why dont u create card effect in the midle than duplicate then change then picture n name just like your brother farhad.. anyway good jub for the design